En Wikipedia, el color de un enlace muestra el estado de la página de destino correspondiente. Los colores predeterminados (en la máscara de Vector ) tienen los siguientes significados: Consulte también Wikipedia: Manual de estilo / Accesibilidad / Colores .
Estilo de enlace | Tipo | Color | Color |
---|---|---|---|
enlace azul | enlace a una página de Wikipedia que existe actualmente | # 0645AD = rgb (6,69,173) | |
enlace azul oscuro | enlace a una página de Wikipedia que existe y que ha visitado | # 0B0080 = rgb (11,0,128) | |
enlace rojo | enlace a una página que no existe actualmente en Wikipedia | # BA0000 = rgb (186,0,0) | |
enlace marrón claro | enlace a una página de Wikipedia que no existe, pero que ha visitado | # A55858 = rgb (165,88,88) | |
enlace marrón | enlace a un artículo muy breve dentro de Wikipedia, pero solo si el usuario ha establecido una opción de preferencia para formatear enlaces "stub" de esta manera | # 772233 = rgb (119,34,51) | |
enlace azul claro 1 enlace azul claro 2 | enlace a una página en otro wiki , normalmente otro proyecto de Wikimedia o un enlace externo. Tenga en cuenta que el color azul claro se utiliza independientemente de que la página exista o no en el wiki de destino. Por ejemplo, hay un artículo sobre George Washington Carver aquí en la Wikipedia en inglés, mientras que no hay ningún artículo con el mismo nombre en la Wikipedia en japonés; pero tienen un artículo sobre el mismo hombre con un título diferente. | # 3366BB = rgb (51,102,187) | |
enlace morado | enlace a una página en otro sitio que ha sido visitado | # 663366 = rgb (102,51,102) |
Tenga en cuenta que los colores de los cuadros pueden parecer más oscuros que el texto del mismo color; Además, el texto más grande o en negrita tenderá a verse más oscuro. Además, el color real que ve un usuario variará ligeramente según su sistema operativo, configuración de escritorio y navegador, así como su monitor y (para LCD de gama baja ) ángulo de visión. Los usuarios registrados también pueden cambiar los colores que ven seleccionando una máscara diferente o usando CSS personalizado .
Colores personalizados
Texto normal
Para texto normal, se puede utilizar la plantilla {{ color }} con dos parámetros; nombre de color o código hexadecimal de color y texto. Sin embargo, el texto en prosa destinado a los lectores nunca debe colorearse manualmente. ( MOS: PROSECOLOR )
{{color|orange|Hello, world!}}
→ ¡Hola mundo!
{{color|#00F000|Hello, world!}}
→ ¡Hola mundo!
Enlaces
Abstenerse de implementar enlaces de colores que puedan impedir la capacidad del usuario para distinguir los enlaces del texto normal, o enlaces de colores por razones puramente estéticas. ( MOS: COLOR )
Aplicar estilo a enlaces individuales en una página
Puede establecer el color de un enlace individual o un conjunto de enlaces en la página (en lugar de un cambio global en el estilo de todos los enlaces en Wikipedia) de la siguiente manera. La configuración de estilos de esta manera se aplicará a todos los que vean esos enlaces en particular o esa página en particular, no solo a usted. Sin embargo, los enlaces destinados a los lectores nunca deben colorearse manualmente. ( MOS: LINKCOLOR )
La plantilla {{ Enlace de color }} necesita dos parámetros para funcionar: el color del enlace, el artículo al que se enlaza y un tercer parámetro opcional para que el texto alternativo se muestre como un enlace canalizado .
{{colored link|orange|Canada}}
→ Canadá
{{colored link|#00F000|Page name to link|Alternative text}}
→ Texto alternativo
- O
Puede convertir los enlaces en un color diferente así:
Margen | * [[ejemplo | Esta página existe. ]]* [[ejemplo | Esta página no existe. ]] |
Renderiza como |
|
O, si desea verificar la existencia , puede intentar:
Margen | * [[ejemplo | {{# ifexist: ejemplo | Esta página existe. | Esta página no existe.}}]]* [[exampl | {{# ifexist: exampl | Esta página existe. | Esta página no existe.}}]] |
Renderiza como |
|
enlaces externos
Se puede agregar un lapso de estilo similar dentro de un enlace externo:
Margen | * [http://example.com Ejemplo de enlace externo ] |
Renderiza como |
Diseñando todos los enlaces solo para ti
También puede personalizar los colores de los enlaces editando el CSS en la subpágina de su máscara . Este es un cambio que se aplicará a todos los enlaces en todo el sitio, pero solo usted podrá verlo.
Los selectores de enlaces estándar son:
- a: enlace: define el estilo de los enlaces no visitados normales
- a: visitado: define el estilo de los enlaces visitados
- a: activo: define el estilo de los enlaces activos; los enlaces se activan una vez que haces clic en ellos
- a: hover: define el estilo de los enlaces flotantes; los enlaces se ciernen cuando el mouse se mueve sobre ellos
Los colores se definen mediante caracteres hexadecimales: ver colores web .
/ * colores de enlace estándar * / . mw-body-content a : link { color : # 0000FF ; } / * enlaces normales no visitados * / . mw-body-content a : link : visitado { color : # 0B0080 ; } / * enlaces visitados * / . mw-body-content a : link : active { color : # FF0000 ; } / * enlaces activos * / . mw-body-content a : enlace . nuevo { color : # FF0000 ; } / * nuevos enlaces * / . mw-body-content a : enlace . extiw { color : # 3366BB ; } / * enlaces interwiki * / . mw-body-content a : enlace . externo { color : # 3366BB ; } / * enlaces externos * / . mw-body-content a : enlace . stub { color : # 772233 ; } / * enlaces flotantes * /. mw-body-content a : link { color : # FF0000 } . mw-body-content a : visitado { color : # 00FF00 } . mw-body-content a : hover { color : # FF00FF } . mw-body-content a : active { color : # 0000FF }
Notas:
- a: hover debe ir después de un: enlace y un: visitado
- a: active debe venir después de a: hover
- debe tener ".mw-body-content" delante de la definición de enlace estándar, porque de lo contrario, la definición predeterminada en este sitio web seguirá teniendo prioridad sobre lo que ha definido.
Redirigir
Mostrar redireccionamientos como enlaces verdes:
. mw-body-content a . mw-redirect { color : # 308050 } . mw-body-content a . mw-redirect : visitado { color : # 3070A0 }
Externo
Mostrar enlaces externos como enlaces verdes:
. mw-body-content a . externo { color : # 008000 } . mw-body-content a . externo : visitado { color : # 008000 }
Decoración de texto
Esto permite formatear como subrayados. Por ejemplo:
. mw-body-content a : link { color : # 000000 ; decoración de texto : subrayado ; }
Los posibles valores son:
- ninguno
- subrayar
- overline
- line-through
Familia tipográfica
Esto cambiará la fuente del enlace:
. mw-body-content a : link { font-family : monospace }
Preferencias
La función "mostrar enlaces a páginas de desambiguación en naranja", ubicada en la pestaña de gadgets del menú de preferencias (en la sección "apariencia"), muestra todos los enlaces a las páginas de desambiguación en naranja .
Guiones
Usuario: Anomie / linkclassifier es un script popular que personaliza colores para indicar enlaces como páginas que se eliminarán, medios que no son libres, redireccionamientos, páginas protegidas y más.
'Enlace' sin destino
Los editores no pueden crear directamente la etiqueta para escribir texto similar a un enlace (los mismos estilos) sin usar
[[...]]
y enlazar en algún lugar. Una solución alternativa para lograr esto es usar la toctogglelabel
clase en un elemento. Por ejemplo: this seems like a link but has no target
creaesto parece un enlace pero no tiene un objetivo. La misma manipulación de color explicada anteriormente se puede aplicar de forma natural.
Ver también
![Information icon.svg](http://wikiimg.tojsiabtv.com/wikipedia/en/thumb/3/35/Information_icon.svg/20px-Information_icon.svg.png)
- {{ resize }}
- {{ color de fondo }}
- {{ color de fuente }}: permite configurar el texto y el color de fondo
- {{ coltit }}: celda de encabezado de la tabla de colores
v t mi Colores Web | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|