Free CSS Drop-Down Menu Framework

Features

• Modular, with themes. Not only HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Thus creating a new css drop-down menu means creating only a new theme since structure is permanent. What is more, creating a new theme is easy with available templates and takes 10-15 mins or even faster when you have the best hosting plan for your site.
• Easily deployable. The code and files are well organized. Available channels to hook up to your CMS or other tools as well as existing websites in XHTML format.
• Easily transformable. Can be transformed by changing class name only. Available transformations: horizontal, vertical left-to-right, vertical right-to-left, horizontal linear, horizontal upwards.

• Cross browser. Configurations available for Windows Internet Explorer 5 or later, Mozilla Firefox 1.5 or later, Opera 7 or later, Apple Safari 2 or later, Google Chrome 1 or later, etc.
• JavaScript only for IE. Minimal JavaScript code only for IE 6 or earlier. Can be used with popular JavaScript libraries Jquery or Scriptaculous. Everything else is pure CSS.
• Super Fast. Having the above mentioned features it is not affected by any disturbances whatsoever.
• Continuous development. The project is constantly revised and improved.
• iPhone OS (iOS) concerns. Advanced and Ultimate versions of this drop-down menu work on iPhone OS.

Showcase

Download & Support

This CSS Drop-Down Menu is free for commercial or personal use and is dual licensed under the MIT License and GNU General Public License.
The latest version is 1.2

Download now!

Please consider donating to support further development:

Thanks a lot!

Leave your comments below

You can provide links of desired drop down menus out there that you would like to be implemented with this framework. Additional mimic themes will be here for download afterwards. If you have any comments, questions, feature requests or anything else please use the form below.

You are allowed to use the following tags: <a>, <strong>, <em>, <u>, <code>, <blockquote>

* Indicates required fields

Latest Comments

• January 27th, 2012 at 12:20PM (+2 GMT)shears wrote:

  Is there really more to hair shears aside from the price when it's time to buy a pair? Well, of course there is! Hair shears are possibly the most important part of a hair stylist's life, and without a good pair not only will your skills be limited but your whole business will be compromised since customers will notice the bad cut and search for better elsewhere.

• January 23rd, 2012 at 4:30PM (+2 GMT)Johnny wrote:

  Hi there I was wondering if you have any documentation on how to modify/customize the ultimate drop down menu. I would like to make the drop down menu buttons a different size then the main menu buttons....can you please help me with this?

  I tried modifying the css but Im only able to modify a small portion of the menu...any help would be appreciated. Maybe you can tell me which styles I need to modify for each menu button.

  thanks

  Johnny

• January 18th, 2012 at 11:16AM (+2 GMT)swedenhill wrote:

  This is insanely, suberbly mind blowingly Superb. Thx Bro!!

• January 18th, 2012 at 9:01AM (+2 GMT)Mohan Gupta wrote:

  thanks for this great menu

• January 16th, 2012 at 10:17AM (+2 GMT)chris wrote:

  one more Q: Could you please give some hints on how to change "celebrity" into "celebrity-rtl" (i.e. menues from right to left)?
  again, thanks!

• January 13th, 2012 at 5:24PM (+2 GMT)chris wrote:

  Excellent stuff, thanks alot, just what I was looking for!
  One Q: how do I quickly extract/move just those files from the ZIP archive that I need for a given theme, e.g. "lwis celebrity", without having to scan thru all dependent or requisite files?

• January 11th, 2012 at 6:44AM (+2 GMT)sushant wrote:

  really nice, compact, clean codes.

  In 1st run works well with opera, ie, firefox, chrome.... will test further

  Keep it up.

  Sushant
  http://www.kickstartwebsite.com

• January 7th, 2012 at 1:13PM (+2 GMT)Jefferson wrote:

  I am interested in your drop down ...Adobe.com horizontal improved css drop-down menu

  Pls inform the source Codes and how to customize and use it in my website.

• January 6th, 2012 at 9:51PM (+2 GMT)David Honaker wrote:

  I am trying to find a good drop-down menu that does not reduce page speed load time.

• January 5th, 2012 at 3:58PM (+2 GMT)sahil wrote:

  your site menu is ultimate.

• January 4th, 2012 at 11:40PM (+2 GMT)GRkhallouf wrote:

  hi i like the vimeo menu but i need to know how to use it with iWeb.

• January 4th, 2012 at 11:38PM (+2 GMT)Grkhallouf wrote:

  hi i like this me new but i need to know how to use it with iWeb.

• January 2nd, 2012 at 7:51PM (+2 GMT)Sam wrote:

  thanks to upload i like this themes irealy like to use this theme. http://howdownload.com/category/gadgets/mobile/iphone

• December 15th, 2011 at 5:46PM (+2 GMT)Andrew Wiggins wrote:

  Excellant menu, solid on most browsers. I am using the linear version, is there a way to have one drop down visible on any given page. For instance adding a additional class?

• December 13th, 2011 at 4:01AM (+2 GMT)Alex wrote:

  i tried in my website, worked just on firefox. how can i make it work on other browsers such as internet explorer?

• December 10th, 2011 at 2:40PM (+2 GMT)Jess wrote:

  I don't get this...

  If trying to do for example that "Simple vertical left-to-right", how do you get the boxes?
  I only get links in a text form one below another.

• December 8th, 2011 at 1:46PM (+2 GMT)Manish Deo wrote:

  Thanks a Lot Man, Downloaded And Used

• December 6th, 2011 at 11:13AM (+2 GMT)L.G. wrote:

  Filckr ultimate theme working on iPad2 with the addition of onmouseover="" on every li element that has a submenu.. Great!

• November 29th, 2011 at 9:19AM (+2 GMT)Gopal wrote:

  LIke it dude!!!!!

• November 27th, 2011 at 3:25PM (+2 GMT)Stefan wrote:

  I have tried to work with the NVidia noflash dropdown menu, but when integrating it into my page, I notice a tiny width difference (IE shows the dropdown bar 2px shorter) between the horizontal dropdown area and the rest of the page.

  Do you have any idea how I can fix this? The 2px gap is even between the header area and the dropdown menu. If thought of the box model bug, but I can't find a way to figure it out.

View all comments