Aiuto:Colori dei link
Su Wikipedia, il colore di un link mostra lo stato della corrispondente pagina indirizzata.
Colori predefiniti
[modifica | modifica wikitesto]I colori nella skin predefinita (Vector) hanno i seguenti significati:
| Resa grafica | Tipo di link | Codice | Colore |
|---|---|---|---|
| link blu | wikilink ad una pagina esistente | #0645AD = rgb(6,69,173) | |
| link blu scuro | wikilink ad una pagina esistente che hai già visitato | #0B0080 = rgb(11,0,128) | |
| link rosso | link ad una pagina che ancora non esiste su Wikipedia | #CC2200 = rgb(204,34,0) | |
| link rosso chiaro | link ad una pagina che ancora non esiste, ma che hai già visitato | #A55858 = rgb(165,88,88) | |
| link celeste | link ad una pagina web esterna a it.wikipedia.org (come interlink, interwiki e collegamenti esterni) | #3366BB = rgb(51,102,187) | |
| link viola | link ad una pagina web esterna a it.wikipedia.org che hai già visitato | #663366 = rgb(102,51,102) |
I colori nei riquadri possono sembrare più scuri rispetto al testo dello stesso colore; anche il testo più grande o in grassetto tende a sembrare più scuro. Il colore percepito dall'utente ovviamente varia a seconda delle impostazioni lato software, delle caratteristiche del monitor e, per gli schermi LCD, dall'angolo di visuale. Gli utenti che hanno effettuato il log-in possono cambiare questi ed altri colori selezionando una skin differente o modificando il proprio CSS.
Personalizzare la visualizzazione dei colori
[modifica | modifica wikitesto]Per gli utenti registrati è possibile personalizzare, nel proprio stile utente, la propria visualizzazione dei colori dei link, modificando il proprio file CSS.
- Classi
.mw-body-content a.interwiki { color: #CODICE; } /* interwiki */
.mw-body-content a.external { color: #CODICE; } /* collegamenti esterni */
.mw-redirect { color: #CODICE; } /* redirect */
- Altri selettori CSS
a:link { color: #CODICE; } /* definisce lo stile di un link non visitato */
a:visited { color: #CODICE; } /* definisce lo stile di un link visitato */
a:active { color: #CODICE; } /* definisce lo stile di un link attivo; un link è attivo mentre viene cliccato */
a:hover { color: #CODICE; } /* definisce lo stile di un link su cui è presente il [[puntatore del mouse]] */
- Esempio
Scrivendo:
.mw-redirect:visited { color: #FFFF00; }
si rende di colore giallo i link a redirect già visitati.
Altri cambiamenti
[modifica | modifica wikitesto]È possibile modificare lo stile del testo anche in altri modi
- text-decoration
Questo comando permette di formattare il testo in una certa maniera. Ad esempio, per sottolineare:
.mw-body-content a:link {color: #000000; text-decoration: underline; }
I possibili valori sono:
- none
- underline
- overline
- line-through
- font-family
Questo comando permette di modificare il font del testo. Ad esempio:
.mw-body-content a:link {font-family: monospace}
Script
[modifica | modifica wikitesto]Fra gli accessori è possibile attivare:
- il "rivelatore di disambigue", che evidenzia in giallo tutti i link che puntano a pagine di disambiguazione
- il "rivelatore di redirect", che evidenzia in verde tutti i link che puntano a redirect