Hover su link html
Autore: Ettore P.
Visite 2002,
Followers 1,
Condiviso 0
Buonasera, sto utilizzando un codice di Kolasim per inserire un link con colore differente rispetto allo standard impostato nel progetto.
Quale attributo devo aggiungere per avere l'effetto hover ed un cambio colore al passaggio del mouse?
Il link usato è questo:
<a style="text-decoration:none; color:orange" href="privacy-policy.html" alt="testo" title="testo">Privacy Policy</a>
Postato il
<a style="text-decoration:none; color:orange" href="privacy-policy.html" alt="testo" title="testo" onmouseover="this.style.color='red'"
onmouseout="this.style.color='orange'">Privacy Policy</a>
.
... al posto di "testo" meglio mettere una descrizione più adatta...
.
puoi utilizzare le classi:
.linkfooter{color:#FFFFFF; text-decoration:none;}
.linkfooter:hover{color #C00000; text-decoration:underline; font-weight:bold;}
oppure l'oggetto
#imTextObject_6_tab0 a:link {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:visited {text-decoration: none;color: #ffeb00;}
#imTextObject_6_tab0 a:hover {text-decoration: none;color: #ff0000;}
#imTextObject_6_tab0 a:active {text-decoration: none;color: #ff0000;}
Autore
Perfetto!
Kola e Giancarlo, funzionano emtrambe le soluzioni.
Per avere entrambe le possibilità ho aggiunto al css le due classi .linkfooter, così ho anche la versione grassetto/sottolineato.
Grazie mille.
Riguardo al mio altro post, quello in cui vorrei posizionare più in basso l'icona dello scroll pagina? (per allinearla all'iconcina delle preferenze cookies)
Avete soluzioni?
... se è questo, vedo che hai già chiuso e risolto: https://helpcenter.websitex5.com/it/post/233389
ciao
.
Autore
Ciao Kola, ho risolto, grazie mille per l'attenzione , ciao.
Autore
La soluzione corretta al post è sia quella di Giancarlo che quella di Kolasim:
Chiudo il post. Grazie a tutti!