WebSite X5Help Center

 
Ettore P.
Ettore P.
User

Hover su link html  it

Auteur : Ettore P.
Visité 1849, Followers 1, Partagé 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>

Posté le
6 RéPONSES - 3 UTILE - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

<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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

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;}

Lire plus
Posté le de Giancarlo B.
Ettore P.
Ettore P.
User
Auteur

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?

Lire plus
Posté le de Ettore P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Ettore P.
... ... ...  Riguardo al mio altro post, quello in cui vorrei posizionare più in basso l'icona dello scroll pagina? ... ... ... 

... se è questo, vedo che hai già chiuso e risolto:   https://helpcenter.websitex5.com/fr/post/233389

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Ettore P.
Ettore P.
User
Auteur

Ciao Kola, ho risolto, grazie mille per l'attenzione laughing, ciao.

Lire plus
Posté le de Ettore P.
Ettore P.
Ettore P.
User
Auteur

La soluzione corretta al post è sia quella di Giancarlo che quella di Kolasim:

Giancarlo B.
puoi utilizzare le classi: .linkfooter{color:#FFFFFF; text-decoration:none;} .linkfooter:hover{color #C00000; text-decoration:underline; font-weight:bold;}
 

 ‪ KolAsim ‪ ‪
<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...

Chiudo il post. Grazie a tutti!

Lire plus
Posté le de Ettore P.