Customize Menu      Download Menu      Start Again

Example Menu 29


 

HTML Code

    
<div id="tabs29">
	<ul>
	<li><a href="#" title=""><span>Home</span></a></li>
	<li><a href="#" title=""><span>About Us</span></a></li>
	<li><a href="#" title="" class="current"><span>Services</span></a></li>
	<li><a href="#" title=""><span>Our Work</span></a></li>
	<li><a href="#" title=""><span>Contact Us</span></a></li>
	</ul>
</div>	
        

CSS Code

     
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#tabs29{position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("images/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}
#tabs29 ul{margin:0;padding:0;list-style-type:none;width:auto;}
#tabs29 li{display:block;float:left;margin:0;pading:0;}
#tabs29 li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("images/bgDIVIDER.gif") no-repeat top right;}
#tabs29 li a:hover{background:transparent url("images/bgHOVER.gif") no-repeat top right;}
#tabs29 li a.current,#tabs29 li a.current:hover{color:#fff;background:transparent url("images/bgON.gif") no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */