Se non vedi il banner pubblicitario disabilita il blocco nel browser, aiuterai questo sito a rimanere online, grazie!

Autore Scrivere post a colori  (Letto 1512 volte)

0 Utenti e 1 Visitatore stanno visualizzando questo topic.

Offline Ripley

  • Ministro degli Esteri
  • AssistantAdmin
  • ****
  • Post: 7178
  • Karma: 20
Scrivere post a colori
« il: 14 Mag 2014, 15:07:30 »
Arcobaleno-e-volatile.jpgScrivere post a colori
A volte quando apriamo un topic vogliamo scrivere usando colori diversi dal nero standard.
Sulla barra degli strumenti in alto a destra troviamo il menù a tendina "Cambia colore", e da lì possiamo selezionare un colore in base al suo nome: Nero, Rosso, Giallo, Rosa, Verde, etc etc...

Questi nomi non sono altro che codifiche standard HTML (naturalmente in inglese, quindi al nostro "nero" corrisponde "black", e così via), e risalgono agli albori del web.
A questo link di Wikipedia c'è la lista dei 16 nomi, risalente a quando i primi chip grafici VGA potevano visualizzare contemporaneamente 16 colori.

Oltre a quelli definiti nella palette di Tuttovola, possiamo comunque usare un qualsiasi altro colore: basta usare il nome o il codice esadecimale del colore desiderato, quest'ultimo facilmente ottenibile in Gimp, Photoshop, o qualsiasi programma grafico "serio", o da una miriade di siti web specializzati, come per esempio questo.

In pratica è la stessa codifica RGB, ma espressa in esadecimale, quindi i byte vanno da 00 a FF (che indicano i valori decimali 0-255). Prima della stringa numerica dobbiamo inserire il carattere "#".

Per esempio, anche noi possiamo usare...molte sfumature di grigio.
una sfumatura di grigio molto chiaro
un'altra sfumatura di grigio
un'altra sfumatura di grigio
un'altra sfumatura di grigio
un'altra sfumatura di grigio
un'altra sfumatura di grigio
un'altra sfumatura di grigio
l'ultima sfumatura di grigio (nero)


Ecco come è scritto il testo qua sopra:
Codice: [Seleziona]
[color=#E0E0E0]una sfumatura di grigio molto chiaro[/color]
[color=#C0C0C0]un'altra sfumatura di grigio[/color]
[color=#A0A0A0]un'altra sfumatura di grigio[/color]
[color=#808080]un'altra sfumatura di grigio[/color]
[color=#606060]un'altra sfumatura di grigio[/color]
[color=#404040]un'altra sfumatura di grigio[/color]
[color=#202020]un'altra sfumatura di grigio[/color]
[color=#000000]l'ultima sfumatura di grigio (nero)[/color]


Naturalmente con lo stesso concetto, possiamo usare tutto l'arcobaleno esadecimale, da #000000 a #FFFFFF.
una frase colorata molto chiara
un'altra frase colorata
un'altra frase colorata
un'altra frase colorata
un'altra frase colorata
un'altra frase colorata
un'altra frase colorata
un'ultima frase colorata


Ecco come è scritto il testo qua sopra:
Codice: [Seleziona]
[color=#CCCCFF]una frase colorata molto chiara[/color]
[color=#9999FF]un'altra frase colorata[/color]
[color=#6666FF]un'altra frase colorata[/color]
[color=#3333FF]un'altra frase colorata[/color]
[color=#0000FF]un'altra frase colorata[/color]
[color=#0000CC]un'altra frase colorata[/color]
[color=#000099]un'altra frase colorata[/color]
[color=#000066]un'ultima frase colorata[/color]


Ma non è finita qua.

Oltre ai codici numerici possiamo anche usare i corrispondenti nomi HTML dei colori, quindi:
questo si chiama "lightsalmon"
questo si chiama "indianred"
questo si chiama "midnightblue"
questo si chiama "deepskyblue"
questo si chiama "springgreen"
questo si chiama "lightseagreen"
questo si chiama "crimson"
questo si chiama "darkred"


Ed ecco il realtivo testo:
Codice: [Seleziona]
[color=lightsalmon]questo si chiama "lightsalmon"[/color]
[color=indianred]questo si chiama "indianred"[/color]
[color=midnightblue]questo si chiama "midnightblue"[/color]
[color=deepskyblue]questo si chiama "deepskyblue"[/color]
[color=springgreen]questo si chiama "springgreen"[/color]
[color=lightseagreen]questo si chiama "lightseagreen"[/color]
[color=crimson]questo si chiama "crimson"[/color]
[color=darkred]questo si chiama "darkred"[/color]

...E così via...



P.S.: i colori sul web meriterebbero un discorso molto più ampio (che esula da questo contesto), in quanto modificandoli si va ad impattare sulla cosidetta "accessibilità" di un sito, cioè la sua fruibilità da parte di utenti con problemi di vista, o altro.
« Ultima modifica: 17 Mar 2017, 10:01:20 da LG965 »
Cougar 00736
OrbiterAddons/Vimeo

Se non vedi il banner pubblicitario disabilita il blocco nel browser, aiuterai questo sito a rimanere online, grazie!

 


SimplePortal 2.3.7 © 2008-2024, SimplePortal