Codecanyon - CSS3 Mega Drop Down Menu - v3.0
Date: 18 June 2011 | Posted by: jeeni2009
Codecanyon - CSS3 Mega Drop Down Menu
VERSION 3 .0 RELEASED !
This Mega Drop Down Menu is now more flexible and can contain even more content using the new Full Width feature.
This Mega Drop Down Menu is perfect for creating unique menus easily. It’s CSS / XHTML only, there is absolutely NO javascript.
The content can be organized in 1, 2, 3, 4 or 5 columns based on the 960 grid system.
This item comes with 9 color variants and a detailed documentation to help you start with your brand new menu.
CSS classes allow you to create lists, paragraphs with (or without) images, make your menu stick to the left or the right side, and create your own color schemes quickly.
Features
9 color schemes
Full Width variant
Easy to customize
Valid XHTML / CSS 3 markup
Cross Browser Support
Up to 6 columns
Typography examples
Form stylings
Left or right alignment
Help documentation
Compatible Browsers
This menu has been tested (and works !) in all the following browsers :
Internet Explorer 6, 7, 8 and 9
Firefox 2, 3, 3.5, 3.6 and 4
Safari 4 and 5
Opera 10 and 11
Chrome 4 to 11
Update 05/05/2011 – Version 3.0
Recoded large parts of the main CSS
Changed the organization of the files
Made a few minor adjustments in the HTML
Grouped all color variants in the CSS
Removed the reset which used to lead to confusion
Added a IE-specific CSS stylesheet (for gradients and minor fixes)
Added navigation bar gradients for IE 6 -8
Completely changed the way to handle the full width drop down variant (no more negative margins)
Added a “right aligned” vertical variant
Made a few design improvements, especially with the dark theme
Combining the “columns” or the “full width” variants is much more easier
Update 03/15/2011 – Version 2.2
Added a dark variant of the drop down
Small improvements for IE6 (graphics)
Update 11/30/2010 – Version 2.1
Fixed a small bug in IE8
Added a 2-Levels Drop Down
Added a bonus Vertical Mega Menu
Update 10/20/2010 – Version 2.0
Added a Full Width drop down variant
Separated the previous version (1.2) and the new one
Update 10/14/2010 – Version 1.2
More specific CSS classes, so they don’t overwrite your existing stylings
Moved the reset in a separate CSS file
You can now use safely this Mega Menu along with my CSS Sticky Footer
Update 09/29/2010 – Version 1.1
Removed some unnecessary CSS code, the right alignment is now easier to do.
Please leave me a good feedback, if you like my post!
See full article