Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

CSS Library: Vertical CSS Menus: Here

Arrow Bullet List Menu

Author: Dynamic Drive

This CSS list menu features category headers with a two toned background, UL elements that have their default margins and padding removed, and finally, LI elements with custom bullet images. The result is something simple but elegant, and resembling something you might have seen on this site already! Note: For a version of this menu that dynamically expands and hides its sub menus, see Accordion Menu.

Demo:

The two images used:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 01/19/2008

Revision History: None

Usage Terms: Click here

Your Comments (45)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Comment Pages 3 of 5 pages  <  1 2 3 4 5 >

good work . beautiful menu
Internet technology
Posted by rosezar on 06/04, 04:44 AM
How can i change the header color?
Posted by Mo on 06/15, 05:03 PM
thank you very much for this...
Posted by dupes on 06/16, 08:51 AM
totally sweet..background images do work fine but you'll need to mod the pointer images
Posted by nate on 06/18, 01:40 PM
that's great thanks man
Posted by indir on 07/13, 09:23 AM
Great menu. Looks really professional. There's many examples of vertical css menus on the web, but very little have this simple factor pro look.

great job!
Posted by Mark on 07/30, 08:45 AM
Thank you very much :D
Posted by caticalles on 07/30, 09:38 AM
CSS "Cascading Style Sheets" Lessons
css list style Properties and examples -- http://css-lessons.ucoz.com/list-css-examples.htm
Posted by css maping on 08/07, 01:10 PM
If your skills are not enough for that, you definitely need a professional web building service assist you at reasonable price. This is the reason why we recommend you these 2 websites, dealing with entirely developed websites, with already installed scripts. There you can find different types of websites: established, dropship, Amazon affiliate, eBay affiliate and other websites and web services. One more reason to visit these sites is the fact that you won't get misled and you will receive your website within 24 hours together with an e-mail containing all the info you need. You will receive entirely developed product at the best price on the market, and don't forget that web optimization, quality hosting service as well as the 24/7 online support also matter.
Posted by Peter on 09/21, 05:06 AM
This code is not walid in w3.org
Posted by John Call on 10/24, 11:21 PM

Comment Pages 3 of 5 pages  <  1 2 3 4 5 >

Commenting is not available in this weblog entry.
Copyright 2006-2011 Dynamic Drive Read our Usage Terms before using any of the CSS codes.