Customize Menu      Download Menu      Start Again

Example Menu 28


 

HTML Code

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

CSS Code

     
/* ---------------------- Purpleslate nav ---------------------- */
#tabs28{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/purpleslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#tabs28 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#tabs28 ul li{display:block;float:left;margin:0 1px 0 0;}
#tabs28 ul li a{display:block;float:left;color:#FBDAFA;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
#tabs28 ul li a:hover,#tabs28 ul li a.current{color:#fff;background:transparent url(images/purpleslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Purpleslate nav ---------------------- */