CSS Menu - CSS Menu Design
CSS Menu verticali
Menu n.03/V - Source XHTML e CSS
Semplice menu con cambio colore di fondo, della immagine a sx e delle descrizioni sul link attivo e al passaggio del mouse.
(X)HTML:
<div id="menu03v"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> </div>
CSS:
#menu03v{
width: 10em;
font: 80% Arial, Helvetica, sans-serif;
}
#menu03v ul{
margin: 0;
padding: 0;
list-style: none;
}
#menu03v li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu03v a:link, #menu03v a:visited{
display: block;
background: url(cssdesign/menu6b.jpg) 10px 7px no-repeat;
background-color: #800000;
color: #fff;
margin: 0;
padding: 0.3em 0.6em 0.3em 2.5em;
text-decoration: none;
border-bottom: 1px solid #fff;
}
#menu03v a:hover, #menu03v a:focus, #menu03v a:active{
color: #fff;
background: url(cssdesign/menu6a.jpg) 10px 7px no-repeat;
background-color: #05181E;
}
JPEG:
menu6b.jpg (a:link)
menu6a.jpg (a:hover)
