Advanced Search

Return to Snippet

Revision: 10147
at December 10, 2008 02:53 by settysantu
Initial Code 
CSS Code 

#menu_007{width:100%;}
#menu_007 ul{list-style:none;}
#menu_007 li{list-style:none;display:block;float:left;}
#menu_007 li a{display:block;float:left;height:66px;color:#fff;text-transform:uppercase;font-size:11px;font-weight:bold;background:url(http://cssmenus.googlepages.com/menu_007_left.jpg) no-repeat left;line-height:43px;
padding:0 0 0 7px;text-decoration:none;}
#menu_007 li a span{display:block;float:left;background:url(http://cssmenus.googlepages.com/menu_007_right.jpg) no-repeat right;height:66px;color:#fff;line-height:43px;padding:0 14px 0 6px;}
#menu_007 li a:hover{display:block;float:left;background:url(http://cssmenus.googlepages.com/menu_007_left_h.jpg) no-repeat left;height:66px;}
#menu_007 li a:hover span{display:block;float:left;background:url(http://cssmenus.googlepages.com/menu_007_right_h.jpg) no-repeat right;color:#fff;height:66px;}
#menu_007 li a.current{display:block;float:left;height:66px;color:#fff;text-transform:uppercase;font-size:11px;font-weight:bold;background:url(http://cssmenus.googlepages.com/menu_007_left_h.jpg) no-repeat left;line-height:43px;padding:0 0 0 7px;text-decoration:none;}
#menu_007 li a.current span{display:block;float:left;background:url(http://cssmenus.googlepages.com/menu_007_right_h.jpg) no-repeat right;height:66px;color:#fff;line-height:43px;padding:0 14px 0 6px;}


HTML CODE

<div id="menu_007">
	<ul>
		<li><a href="#" class="current"><span>home</span></a></li>
		<li><a href="#"><span>about us</span></a></li>

		<li><a href="#"><span>services</span></a></li>
		<li><a href="#"><span>solutions</span></a></li>
		<li><a href="#"><span>contact us</span></a></li>								
	</ul>
</div>
Initial URL 
http://www.styledmenus.com
Initial Description 
Glossy slide door black menu with blue hover styled which can be used on white backgrounds
Initial Title 
Glossy Slide Menu
Initial Tags 
css, download, free
Initial Language 
CSS