Menù con immagini

Menù con immagini.

es di menù:

.navvy { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; WIDTH: 244px; PADDING-TOP: 0px; FONT-FAMILY: Verdana; TEXT-ALIGN: left } .navvylist { TEXT-TRANSFORM: uppercase; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 244px; PADDING-TOP: 0px } .navvylist A { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 40px; BACKGROUND-image: url('link.jpg'); PADDING-BOTTOM: 7px; MARGIN: 0px; WIDTH: 194px; COLOR: #315e88; PADDING-TOP: 6px; TEXT-DECORATION: none; } .navvylist A:hover { TEXT-TRANSFORM: none; PADDING-LEFT: 60px; BACKGROUND-image: url('hover.jpg'); COLOR: #315e88; repeat }

Istruzioni: Lo script cosi' copiato deve essere inserito all'interno dei tags: <style> e <style>. Oppure inserito negli styli esterni.

Gli styli esterni si richiamano così.

<LINK href="style.css" type=text/css rel=STYLESHEET>

é importante richiamare il menù della home con:

<DIV class=navvy><DIV class=navvylist >

e salvare queste due immagini che possono essere cambiate o sostituite con altre a vostro piacimento:

Crediti: Redaura Karenai