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: Horizontal CSS Menus: Here

Inverted Modern Bricks Menu

Author: Dynamic Drive

By popular request, this is an alternate, inverted version of the original Modern Bricks Menu. Markup wise it's slighter smaller than the original version, minus a DIV element.

Demo:


The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 08/09/2007

Revision History: None

Usage Terms: Click here

Your Comments (29)

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 >

Almost the same except for the location of the bar.. I believe this one is better looking but ultimately the structure of the web site will determine which one to use..
Posted by Özel Ders on 08/20, 08:06 PM
how do we customize the menu selected ie current . is there no way we could get that programmed ie if click is done on a specific link that link gets highlited
Posted by amit on 08/22, 02:18 AM
that's cool ! thanks :)
Posted by Gazete.tk on 10/09, 03:28 AM
I think this version is more suitable to add some vertical submenu options, because the bar is on top. very nice, thanks.
Posted by CaroMelih on 12/02, 01:43 AM
Cooooooooooooooooollll.

Congratulations.


Very nice site.
Posted by eUsaDomain very Cheap Domain on 01/05, 01:04 PM
I am repeating the question posted by Amit..

how do we customize the menu selected ie current . is there no way we could get that programmed ie if click is done on a specific link that link gets highlited

Can someone please help me
Posted by Sat on 01/05, 02:33 PM
To be honest i think this menu is way better than the last one i commented on. As it looks cleaner for some reason, the color is bland so that might be why i like it. To brighter color can be overpowering i guess...
Posted by linkfeads on 02/06, 08:12 AM
when i copy paste the code for this menu. i can easily view it in my browser and it works fine. but the problem is with dreamweaver, when i click on split view or design view it crashes my dreamweaver and closes it all together. can anyone help. is there something in the code thats making it do that. i'm using dreamweaver MX 2004.

thanks.
Posted by asma on 03/27, 03:18 AM
Very nice examples. I have a question though, that I have tried to get working with several of them.

Does anyone know how to get the UL element to center?
So that in the example above, without the search form, the five elements would center themselves on the page without need for left padding.

Thanks in advance.
Posted by edeneye on 03/28, 03:34 PM
Cool for my design page.
Posted by Tutorials Men on 04/02, 01:50 AM

Comment Pages 1 of 3 pages  1 2 3 >

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