Mercoledi`, 8 Settembre 2010

Home Preferiti Contatti

Vuoi risparmiare l'80% sull'acquisto del tuo profumo preferito?
Clicca qui

Sezioni del sito: Webmaster Servizi gratis Tools Manuali Download Articoli News

Fai il login Tua e-mail: Password:

Registrati - Ricorda password

Cerca nel sito ---> Scegli sezione

Manuali di programmazione per il web

Guida Css ---> Link di testo con effetti diversi nella stessa pagina
Autore: Grafica gratis

Grazie al CSS è possibile ottenere link di testo con diversi effetti nella stessa pagina.

Crea, con Blocco Note di Windows, il file link.css ed inserisci il seguente codice:

A.1 {FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: none; color:red}
A.1:visited {FONT-SIZE:8pt; FONT-FAMILY:Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: none; color:red}
A.1:hover {FONT-SIZE:8pt; FONT-FAMILY:Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: underline; color:blue}
A.2 {FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: none; color:black}
A.2:visited {FONT-SIZE:10pt; FONT-FAMILY:Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: none; color:black}
A.2:hover {FONT-SIZE:10pt; FONT-FAMILY:Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: underline; color:red}
A.3 {FONT-SIZE: 13pt; FONT-FAMILY: Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: none; color:gold}
A.3:visited {FONT-SIZE:13pt; FONT-FAMILY:Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: none; color:gold}
A.3:hover {FONT-SIZE:15pt; FONT-FAMILY:Verdana, Arial, helvetica, sans serif; TEXT-DECORATION: underline; color:orange}

Puoi modificare la dimensione del testo modificando il valore FONT-SIZE.

Il tipo di carattere è contenuto in FONT-FAMILY. Il browser userà il primo disponibile tra quelli elencati.

Modifica i colori cambiando il valore di color (in inglese).

Inserisci il file suddetto nella cartella che contiene le pagine del tuo sito.

Nelle pagine del tuo sito, tra il tag <head> e </head>, inserisci il seguente codice:

Il codice per il collegamento deve essere scritto nel seguente formato:

Per indicare l'effetto desiderato devi aggiungere subito dopo il tag a il codice:

class="numero effetto"

Se per esempio desideri ottenere l'effetto 1 il codice sarà :

Indietro