logo 13 Styles Fox Menu


Link to 13 Styles web site.




HTML for 13 Styles Fox Menu

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



CSS for 13 Styles Fox Menu

#foxmenucontainer{height:24px;background:#ddd url(images/head_03.jpg) no-repeat top left;display:block;padding:50px 0 0 15px;}
#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{margin:0;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0 1px 0 0;}
#foxmenu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:5px 20px 0 20px;height:19px;background:transparent url(images/fox/foxmenu_bg-OFF.gif) no-repeat top left;}
#foxmenu ul li a:hover{color:#fff;background:transparent url(images/fox/foxmenu_bg-OVER.gif) no-repeat top right;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:#fff;}



Images for 13 Styles Fox Menu

foxmenu_bg-OFF.gif

foxmenu_bg-OVER.gif