View Single Post
Old 19-07-2006, 12:40   #2
andbin
Senior Member
 
L'Avatar di andbin
 
Iscritto dal: Nov 2005
Cittā: TO
Messaggi: 5206
Quote:
Originariamente inviato da Jif
Una č creare l'effetto rollover del colore come nel menų di logopond.com
Questo non č molto difficile. In quel sito l'effetto di "colorazione" dei "tab" č fatto cambiando il background del "tab" e, cosa molto importante, viene fatto senza usare alcun linguaggio di scripting ma solamente usando i CSS.

Guarda questa immagine: http://logopond.com/img/nav-tabs.jpg.
Come vedi l'immagine contiene i 3 tipi di "tab" messi uno sopra l'altro.

Quei "tab" sono degli anchor <a> con dimensione fissa.

Nel caso del "tab" normale viene impostato nel CSS:
background: url('../img/nav-tabs.jpg') no-repeat 0 -60px;

Nel caso di "tab" evidenziato, viene impostato nel CSS:
background-position: 0 -30px;

Nel caso del "tab" corrente, viene impostato nel CSS:
background-position: 0 0;
__________________
Andrea, SCJP 5 (91%) - SCWCD 5 (94%)
andbin č offline   Rispondi citando il messaggio o parte di esso