Ayuda:Color del enlace

De Wikipedia, la enciclopedia libre
Ir a la navegación Ir a la 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:

  • Un enlace azul, como este, es un enlace a una página que existe en el mismo proyecto Wikimedia.
  • Un enlace rojo, como este, es un enlace a una página que en el momento actual no existe en el mismo proyecto Wikimedia.
  • Un enlace azul claro, como este, es un enlace interwiki. El color es el mismo independientemente de que la página exista en el proyecto Wikimedia de destino. Por ejemplo, este artículo sobre George Washington existe en este proyecto, Wikipedia en español, mientras que este otro artículo del mismo tema enlaza a la Wikipedia en japonés. Los enlaces externos, como este, también se muestran en azul claro.
  • Un enlace morado es un enlace que ya ha sido visitado.
  • Un enlace rojo claro es un enlace a una página que no existe, pero que se ha intentado visitar.

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 morado: #800080 rgb(128, 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}