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

DD Blue Blocks Menu

Author: Dynamic Drive

This is our rendition of a block looking vertical menu, inspired by the original Blue Blocks menu and based on the CSS used by the vertical menu of our sister site CSS Drive. It supports the insertion of menu headers to act as dividers between groups of menu links.

Demo:

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 05/07/2006

Revision History: None

Usage Terms: Click here

Your Comments (37)

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 4 pages  1 2 3 >  Last »

If this was something new I would be excited too.

"I'm very excited to announce the launch of a new section here on Dynamic Drive- Dynamic Drive CSS Library!" - ddadmin
Posted by Matthew Bonner on 05/11, 12:40 PM
Great Css, Its the best here..
But can you build a recurent menu version using this css stile menu,with multiple submenus for it ?
It will be the BOMB..!!!
Thanks!
Can I pot a version of it?
Posted by Eftimie on 05/19, 02:03 AM
well 3 questions . . . would it be posible to get this menu with a slide in and out feature . . . multiple sub menus . . . and a bit more 3d aspect
Posted by passer on 05/23, 07:04 PM
can someone tell me if this search engine will cache the text in the menu?
Posted by David on 05/25, 12:08 AM
if you can't highlight it with your mouse, it is not likely to be cached by search engines...
Posted by random on 05/29, 02:04 AM
It would be possible to get the menu to slide in using some javascript. You will probably be able to find a script that does that on this site.

Search engines work by copying the entire source of websites to their cache. Of course the text in the menu will be stored.


* I recommend this menu because the colors can be changed easily and it uses no images.
Posted by Nathan on 06/16, 05:10 PM
i cannot copy and paste the codes from this website, help!
Posted by Tan. on 06/28, 07:12 AM
This is hilarious...Tan..
Please take some PC lessons before you start trying to build a webpage..:)..:)..:)
Posted by Clio on 06/29, 12:12 AM
I try the code , it has no problem to run under firefox. But when i run it on the IE6.0,it appear some space(white space)under each list item(li),but this problem doesn't appear in your demo(this page) even i using IE6.0 and using the source code from this page.
Posted by FanShui on 08/13, 11:06 PM
I found the differences now, as i am using charset=iso-8859-1 is all right.
Posted by FanShui on 08/14, 01:11 AM

Comment Pages 1 of 4 pages  1 2 3 >  Last »


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