script

SERVIZI

sms pazzi
invia sms gratis
chat room
leahcim chat
forum
contattami
meteo
gioca
screen mates
roms wow!!
emulatori
giochi PC
simulatore NASA
immagini divertenti

WEBMASTER

guida html
inserisci chat
inserisci form
contatori
spazio web
news
generatore tag META
ftp

GUADAGNA

con un sito
con banner
con un cellulare
ricevendo e-mail

HACKER

mail anonime

Aggiungi ai preferiti

Diego Web startpage





inserisci la ricerca

Effetti LINK
effetti di testo 'style'

In questa sezione trovate il codice HTML per inserire effetti di testo ai link delle vostre pagine. Per inserire l'effetto copiate il codice HTML che preferite e incollatelo nella sezione <HEAD></HEAD>. Creando i link potrete osservare che durante il passaggio del mouse su di essi avviene un effetto di testo (es. può cambiare il colore, può apparire la sottolineatura, ecc. Nota il menù nella sinistra delle pagine: al passaggio del mouse i link diventano verdi e compare la sottolineatura). I vari effetti sono descritti sopra il rispettivo codice HTML.
N.B. Ricorda che il colore principale dei link devi stabilirlo nel tag BODY. (es. <BODY link="red">)

link allo stato normale
link al passaggio del mouse link
link
 <STYLE>A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } A:hover { COLOR: green; TEXT-DECORATION: underline } </STYLE> 
Per cambiare il colore del link al passaggio del mouse cambia la parola green con un altro colore!

link allo stato normale
link al passaggio del mouse

link
link
<STYLE type=text/css>A:link A:visited { TEXT-DECORATION: underline } A:hover { COLOR: red; TEXT-DECORATION: none } INPUT { FONT-SIZE: 8pt } SELECT { FONT-SIZE: 10pt } </STYLE>
Per cambiare il colore del link al passaggio del mouse cambia la parola red con un altro colore!

link allo stato normale
link al passaggio del mouse

link
link
<STYLE type=text/css>A { TEXT-DECORATION: none } A:hover { COLOR: navy } </STYLE>
Per cambiare il colore del link al passaggio del mouse cambia la parola navy con un altro colore!

link allo stato normale
link al passaggio del mouse

link

link

<STYLE> A:link { TEXT-DECORATION: none } A:visited { COLOR: #0000ff; TEXT-DECORATION: none } A:hover { BACKGROUND: yellow; COLOR: red; TEXT-DECORATION: none } BODY { BACKGROUND: #ffffff; COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 10pt } P { COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 10pt } TD { COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 10pt } SMALL { COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 8pt } BIG { COLOR: #000080; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 12pt } </STYLE>
Per cambiare il colore del link al passaggio del mouse cambia la parola red con un altro colore, per cambiare lo sfondo cambia la parola yellow con un altro colore!

link allo stato normale
link al passaggio del mouse

link
link
<STYLE> A:link { TEXT-DECORATION: underline } A:visited { TEXT-DECORATION: none } A:hover { COLOR: green; TEXT-DECORATION: none } </STYLE>
Per cambiare il colore del link al passaggio del mouse cambia la parola green con un altro colore!