Aiuto:Colori dei link

Da Wikipedia, l'enciclopedia libera.
Jump to navigation Jump to search

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 hyperlink) #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.

Modificare i colori[modifica | modifica wikitesto]

Colori nel web[modifica | modifica wikitesto]

I colori sono codificati tramite lo standard RGB: un codice RGB è un numero esadecimale di sei caratteri (ciascuno dei quali compreso nell'intervallo 0-9 o A-F). I primi due caratteri indicano la quantità di rosso presente nel colore, il terzo e il quarto la quantità di verde e gli ultimi due la quantità di blu.

Modificare il colore dei singoli wikilink[modifica | modifica wikitesto]

Si può cambiare il colore di un link in questo modo:

*[[Test|<span style="color:green;">Questa pagina esiste.</span>]]
*[[Test2|<span style="color:purple;">Questa pagina non esiste.</span>]]

il cui risultato è:

O, se si desidera effettuare il controllo di esistenza, si può utilizzare la funzione parser #ifexist:

[[Titolo voce|<span style="color:{{#ifexist:Titolo voce|colore1|colore2}};">Questa pagina {{#ifexist:Titolo voce||non}} esiste.</span>]]

nell'esempio di cui sopra:

*[[Test|<span style="color:{{#ifexist:Test|green|purple}};">Questa pagina {{#ifexist:Test||non}} esiste.</span>]]
*[[Test2|<span style="color:{{#ifexist:Test2|green|purple}};">Questa pagina {{#ifexist:Test2||non}} esiste.</span>]]

Personalizzare la visualizzazione dei colori[modifica | modifica wikitesto]

Magnifying glass icon mgx2.svgLo stesso argomento in dettaglio: Aiuto:Stile utente.

È anche possibile personalizzare esclusivamente 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 visistato */
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

Pagine correlate[modifica | modifica wikitesto]