Colore link del footer
Autor: Vincenzo Errico
Besucht 1588,
Followers 2,
Geteilt 0
Ciao,
è possibile sostituire il colore dei Collegamenti testuali solo nel footer?
Grazie
Gepostet am
prova cosi, in un oggetto html:
HTML:
<span class="testo1">abcd efgh ilmn</span>
<span class="testo2">123456€</span>
<span class="testo3">zxcvb asdfg qwerty</span>
<span class="testo4"> NON DISPONIBILE</span>
CSS:
<style>
.testo1 {color:#0033CC;}
.testo2 {color:#009900; text-decoration:line-through; font-weight:bold;}
.testo3 {color:#0033CC;}
.testo4 {color:#3300CC; font-weight:bold;}
</style>
Ciao Vincenzo. Ci sono varie soluzioni, io ho usato questa e mi trovo bene.
VAI NEL FOOTER e in un OGGETTO CODICE HTML inserisci il codice come descritto sotto (personalizzare il colore bianco indicato dal codice #FFFFFF e inserire quello di proprio gradimento sul link cliccabile. Cambiare invece il colore rosso indicato dal codice #C00000 per cambiare il colore al passaggio del mouse sul link)
Il Codice che va nella scheda “Codice HTML” dell’OGGETTO HTML è il seguente (aggiungi tante voci simili a quelle che vedi sotto, con link e testi diversi naturalmente, per quante sono le voci che compongono il tuo elenco di voci cliccabili)
<div><span><a href="http://nomelink1.html" class="linkfooter">Qui testo cliccabile1</a></span></div>
<div><span><a href="http://nomelink2.html" class="linkfooter">Qui testo cliccabile2</a></span></div>
<div><span><a href="http://nomelink3.html" class="linkfooter">Qui testo cliccabile3</a></span></div>
Mentre il codice che va nella scheda “Esperto/Codice CSS” sempre dell’OGGETTO HTML è il seguente (N.B. non si inseriscono i TAG <style> e </style> se si usa l’OGGETTO CODICE HTML)
.linkfooter{color:#FFFFFF; text-decoration:none;}
.linkfooter:hover{color #C00000; text-decoration:underline; font-weight:bold;}
Si può eliminare l’attributo font-weight:bold; se non si desidera l’effetto grassetto/ingrandimento al passaggio del mouse sulle voci cliccabili
Ciao ciao
Autor
Grazie mille, Giuseppe! Chiaro e dettagliato come sempre.
Di nulla! Ciao ciao