logo 13 Styles Simple Menu


Link to 13 Styles web site.




HTML for 13 Styles Simple Menu

<div id="simplemenu">
<ul id="simple-menu">
<li><a href="http://www.13styles.com" title="Home" class="current">Home</a></li>
<li><a href="http://www.13styles.com" title="Resources">Resources</a></li>
<li><a href="http://www.13styles.com" title="Inspiration">Inspiration</a></li>
<li><a href="http://www.13styles.com" title="Community Forums">Community Forums</a></li>
<li><a href="http://www.13styles.com" title="About Us">About Us</a></li>
<li><a href="http://www.13styles.com" title="Contact Us">Contact Us</a></li>
</ul>
</div>

CSS for 13 Styles Simple Menu

#simplemenu {background:#fc0}
ul#simple-menu{list-style-type:none;width:100%;height:27px; font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold; margin:0;padding:44px 0 0 0;}
ul#simple-menu li{display:block;float:left; margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff; background:#4A6867;line-height:27px;text-decoration:none; padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{background:#2E4560;}
ul#simple-menu li a.current{color:#2E4560;background:#fff;}
ul#simple-menu li a.current:hover{color:#2E4560;background:#fff;}