Ayuda:Color del enlace
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.
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}