Ayuda:Color del enlace

De Wikipedia, la enciclopedia libre
Saltar a: navegación, búsqueda

En Wikipedia, el color de un enlace muestra el estado de la página correspondiente. Los tipos de enlace, según su color asociado, son los siguientes:

Los códigos de color son los siguientes. Las cajas pueden parecer más oscuras que el texto del mismo color que las acompaña.

  • Enlaces azules: #0645AD rgb(6, 69, 173)      ejemplo
  • Enlaces azul claro: #3366BB rgb(51, 102, 187)      ejemplo
  • Enlaces azul oscuro: #0b0080 rgb(11, 0, 128)      ejemplo
  • Enlaces rojos: #CC2200 rgb(204, 34, 0)      ejemplo
  • Enlaces rojo claro: #A55858 rgb(165, 88, 88)      ejemplo

El color que aparezca en pantalla variará ligeramente según el sistema operativo, las preferencias y el navegador.

Personalización del color de los enlaces[editar]

Cómo hacer que un enlace se muestren a cualquier usuario en un determinado color[editar]

Puedes cambiar el color de los enlaces de esta manera:

*[[ejemplo|<span style="color:red;">Esta página existe.</span>]]
*[[ejempl|<span style="color:red;">Esta página no existe.</span>]]

Que se muestra así:

*Esta página existe.
*Esta página no existe.

Si deseas implementar una detección de existencia puedes probar con esto:

*[[ejemplo|{{#ifexist: ejemplo|<span   style="color:green;">Esta página existe.</span>|Esta página no existe.}}]]
*[[ejempl|{{#ifexist: ejempl|<span   style="color:green;">Esta página existe.</span>|Esta página no existe.}}]]

Que se muestra así:

*Esta página existe.
*Esta página no existe.

Cómo hacer que los enlaces se te muestren en un determinado color[editar]

También puedes personalizar los colores de los enlaces si editas tu fichero CSS, skin.css

Los selectores estándar son:

  • a:link — define el estilo de los enlaces normales no visitados.
  • a:visited — define el estilo de los enlaces visitados.
  • a:active — define el estilo de los enlaces activos; un enlace se vuelve activo una vez has pinchado en él.
  • a:hover — define el estilo de los enlaces una vez el cursor está sobre ellos.

Los colores se definen por códigos hexadecimales: véase colores web.

/* standard link colors */
a:link { color: #0000FF; } /* enlaces normales no visitados */
a:link:visited { color: #7F007F; } /* enlaces visitados */
a:link:active { color: #FF0000; } /* enlaces activos */
a:link.new { color: #FF0000; } /* enlaces nuevos */
a:link.interwiki { color: #3366BB; } /* enlaces interwiki */
a:link.external { color: #3366BB; } /* enlaces externos */
a:link.stub { color: #772233; } /* enlaces por los que está pasando el cursor */
 
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}

Notas:

  • a:hover debe ir después de a:link y a:visited
  • a:active debe ir después de a:hover


Redirecciones

Muestra las redirecciones como enlaces verdes:

a.mw-redirect {color:#308050}
a.mw-redirect:visited {color:#3070A0}


Enlaces externos
#bodyContent a.external {color: #008000}

Otros cambios[editar]

También puedes cambiar el formato del texto de otras maneras.

Text-decoration (decoración del texto)

Esto permite usar subrayados y otros formatos similares. Por ejemplo:

a:link {color: #000000; text-decoration: underline; }

Los valores posibles son:

  • none (nada)
  • underline (subrayar)
  • overline (superrayar)
  • line-through (tachar)
font-family (familia tipográfica)

Esto cambia la fuente tipográfica de los enlaces:

a:link {font-family: monospace}