Get a favicon spot!

CSS Menus - Style #5

Pre-built in dark blue. Bottom pink-ish line controlled via CSS.

This menu is called “Style5″ and I’m not sure why.

The Menu

FAQ

  • Entire menu system is less than 3KB.
  • 2 image files, 1 css file, 1 html file.
  • Has been tested and works in over 150 broswer/operating system combos.
  • It’s FREE for you to use.

Source Code

Check out the source code below or download the zip file containing all necessary html, css, and images. The “Services” tab has the ON state by adding the “current” class to the A tag.

CSS

<style type="text/css">
<!–
#stylefive{position:relative;display:block;height:26px;font-size:11px;font-weight:bold;background:transparent url(/code/style5/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:3px solid #FF0066;}
#stylefive ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#stylefive ul li{display:block;float:left;margin:0;}
#stylefive ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:7px 20px 0 20px;height:19px;background:transparent url(/code/style5/images/bgDIVIDER.gif) no-repeat top right;}
#stylefive ul li a:hover,#stylefive ul li a.current{color:#fff;background:#131546 url(/code/style5/images/bgDIVIDER.gif) no-repeat top right;}
–>
</style>

HTML

<div id="stylefive">
	<ul>
		<li><a href="http://www.13styles.com/css-menus/style5/" title="css menus">Home</a></li>
		<li><a href="http://www.13styles.com/css-menus/style5/" title="css menus">About Us</a></li>
		<li><a href="http://www.13styles.com/css-menus/style5/" title="css menus" class="current">Services</a></li>
		<li><a href="http://www.13styles.com/css-menus/style5/" title="css menus">Our Work</a></li>
		<li><a href="http://www.13styles.com/css-menus/style5/" title="css menus">Contact Us</a></li>
	</ul>
</div>

This entry is filed under CSS Menus. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Style #4 »

3 Responses to “Style #5”

  1. ramya Says:
    April 14th, 2008 at 12:42 pm

    dont’ you have vertical menu collection?

  2. niupixuan Says:
    April 16th, 2008 at 1:57 am

    i like it.so good!

  3. arnanto Says:
    May 10th, 2008 at 6:14 pm

    this is absolutely good knowledge bro

Leave a Reply

  • 13Styles.com CSS Menus

    13styles is all about css menus. The menus are list based, very light-weight, easy to implement, and cross-browser compliant. Some of the css menus are free and some require you to purchase rights to use them.

    About | Advertise