Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
CSS Library
CSS Layouts

CSS Library: Vertical CSS Menus: Here

Urban Grey Side Menu

Author: Dynamic Drive

This is nonchalant greyish side menu that blends right in with most designs. The menu headers are H3 tags with a non repeating background image as its bullet, while the menu links are all list based.


Single image used (2 flavors to choose from): or

The CSS:

Note: The image path referenced in the CSS above assumes you're using the first green image. If you're using the second, be sure to update the image path accordingly.


Code Info

Rate this code:

Date Posted: 08/25/2008

Revision History: None

Usage Terms: Click here

Your Comments (23)

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 1 of 3 pages  1 2 3 >

I love this. It's simple and looks great. Though, the green image doesn't match, you can simply change that in a minute. I really love it. :)
Posted by Carolyn on 08/26, 02:09 PM
This looks really nice, good add.
Posted by Craig on 09/07, 08:09 AM
How can I change the background of the tab that is selected. In other words, when the user selects a page from the navigation, i want the navigation to then indicate on the menu as to which page is selected. Please let me know how I can do this.

Posted by Gaurav on 09/09, 08:52 AM
This is a cool menu, simple to use and easy to customize. Thank you.
Posted by Saeed on 09/30, 03:00 AM
Such interesting read and information, thanks for sharing this post, I've already bookmarked your blog. Lawyer Jokes
Posted by Lawyers on 09/30, 04:02 AM
I can see that you are putting a lot of time and effort into your blog and detailed articles! I am deeply in love with every single piece of information you post here. Will be back often to read more updates!
Learning Guitar Chords
Posted by Guitar Chords on 10/01, 08:40 PM
This looks really nice, good add.
Posted by memo on 10/07, 08:48 AM
How can you remove the large white space between each submenu. Ex. space between browse all and JavaScript kit.?&&&&
Posted by znam on 11/22, 12:21 AM
Where i can but the css in my webpage
Posted by Mohamed on 01/24, 10:28 AM
How can I change the background of the tab that is selected
Posted by Chris on 01/29, 03:22 AM

Comment Pages 1 of 3 pages  1 2 3 >

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