INDICE

CAMBIARE IL COLORE DEI COLLEGAMENTI AL PASSAGGIO DEL MOUSE

Questo effetto non si può ottenere con il semplice HTML, ma bisogna usare uno stile.
Si tratta di scrivere, fra i tags <head> ed </head> le seguenti righe di codice:

 
<Style Type="TEXT/CSS">
 .testo 
A:Link {color:maroon; text-decoration:underline; font-style:normal}
A:Visited {color:green; text-decoration:underline; font-style:normal}
A:Hover {color:red;text-decoration:none;font-style:italic;font-weight:bold}
A:Active {color:navy;text-decoration:none;font-style:italic}
</Style>

Lo stile si riferisce ai collegamenti (A:) ed in particolare

Link
Indica le proprietà delle parole calde quando ancora non si è fatto click sopra di esse. In questo caso esse sono di colore "maroon", sottolineate e non in corsivo.
Visited
Indica le proprietà delle parole calde i cui collegamenti siano stati già aperti. Noi abbiamo cambiato solo il colore, che è verde, mentre la sottolineatura e lo stile sono rimasti uguali ai precedenti.
Hover
Indica le proprietà delle parole calde quando ci si passa sopra con il mouse. Abbiamo scelto il colore verde, lo stile corsivo e lo spessore grassetto, il testo non sottolineato.
Active
Indica le proprietà delle parole calde nel momento in cui si fa click su di esse. Abbiamo scelto il colore "navy", il testo non sottolineato, lo stile corsivo.

Se useremo il codice sopra indicato, le parole calde potranno così essere personalizzate e reagiranno sia al click che al passaggio del mouse.

ED ECCO QUI IL TESTO DI PROVA!


INDICEINDIETRO


©2002 www.webfract.it