Menù che si sposta al passaggio del mouse

« Older   Newer »
  Share  
Faffina
view post Posted on 5/1/2011, 14:35     +1   -1




Per ottenere un menù come questo, in cui le scritte si spostano e cambiano al passaggio del mouse


è sufficiente inserire in COLORI E STILI questo codice:
CODICE
.tab a:link, .tab a:visited {display:block; color: #COLORE TESTO; text-align: right; background: #COLORE SFONDO; border-left: 5px solid #hCOLORE BORDINO; padding: 1px; padding-left: 3px; margin-top: 1px; width: 150px}
.tab a:hover {display:block; background: #COLORE SFONDO; border-right: 5px solid #COLORE BORDINO; text-align: left; border-left: none; color: #COLORE TESTO; width: 150px}


ed invece, quest'altro nella casella della tabella che avete scelto:
CODICE
<div class="tab">
<a href="LINK">Voce 1</a>
<a href="LINK">Voce 2</a>
<a href="LINK">Voce 3</a>
</div>


Al posto delle scritte COLORE TESTO, SFONDO e BORDINO dovete inserire il codice in HTML dei colori che preferite...
Invece nel secondo codice è sufficiente inserire l'indirizzo che volete al posto della scritta LINK e il testo che volete visualizzare al posto di Voce 1, 2, 3.
 
Top
0 replies since 5/1/2011, 14:35   81 views
  Share