Solid Block Menu with rounded corners and dropdown

[Kujee]

Not sure if this is the right place, but i had a go at altering DD's CSS Solid Block Menu by adding rounded corners and combining it with the drop down code of DD's Drop Down Tabs.

To view an example and download a zip with all the files and images go here:
http://www.calmdesign.co.uk/test/blockmenu.html

I don't really have the time to support any amendments which i'm guessing the code may need, but figured what i've done may be useful for someone.

good luck,

Kujee

[blade007]

great job, i will be using this

[blade007]

when was this last updated, the java script seems pretty long; will that cause slow loading times

[jcmiller]

I cannot open the zip file. An error message appears, saying that the file is not a valid archive.

[Kujee]

@jcmiller - i've replaced the zip file with a .rar file which should open using winzip

@blade007 - i don't know when the javascript was last updated. I simply meshed together (probably quite crudely) the 2 scripts to achieve the desired functionality.

there's another version which does the same thing although styled in a slightly different way:

Round cornered horizontal menu with drop down menu

[eman]

Hello Kujee,

I am trying to implement this drop down menu block (see url) into my website but I am having a difficult time with the css and html code. Especially the css code. Can you please share what code you use to get this effect. I did not see it in the link you provided.

By the way I really like your website portfolio. Your design style is creative, clean and professional. Thanks


http://www.calmdesign.co.uk/test/blockmenu.html

[eman]

Hello Kujee,

I was trying to figure out the css code for the drop down menu in your url but having a difficult time getting it to work. Can you please share what code you used to create this. Thanks

http://www.calmdesign.co.uk/test/blockmenu.html