CSS Menu - CSS Menu Design
CSS Menu orizzontali
Menu n.03/O - Source XHTML e CSS
Semplice menu con bordo superiore e descrizioni che cambiano colore sul link attivo e al passaggio del mouse.
(X)HTML:
<div id="menu03o"> <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:
#menu03o{
width: 100%;
font: 80% Arial, Helvetica, sans-serif;
}
#menu03o ul{
margin: 0;
padding-left: 0;
list-style: none;
}
#menu03o li{
font-size: 1.1em;
display: inline;
margin: 0;
padding: 0;
}
#menu03o a:link, #menu03o a:visited{
float:left;
background: url(cssdesign/menu3.jpg) 0 0 repeat;
background-color: #fff;
color: #05181E;
margin: 0em;
padding: 0.3em 1.5em 0.3em 1.5em;
font-weight: bold;
text-decoration: none;
border-top: 4px solid #000;
}
#menu03o a:hover, #menu03o a:focus, #menu03o a:active{
color: #41545F;
background: url(cssdesign/menu3.jpg) 0 0 repeat;
background-color: #fff;
border-top: 4px solid #00C000;
}
JPEG:
menu3.jpg (a:link a:hover)
