Awesome & Cute Multi-Level DropDown Menu Bar For Blog And Website

It is always fun to learn and explore the new standards introduced for CSS. With growing development in HTML5 and CSS3, heavy scripts and flash tools are pushed back. This Mac-like multi-level drop down menu that we will learn to create and how to add it to Blogger is solely based on Pure CSS3 with no jquery used at all! It uses simple box-shadow, text-shadow and border-radius properties.
It is compatible with all major browsers like FireFox, Chrome and Safari. Since IE7+ always lack compatibility with CSS3 therefore only the rounded borders will not render in IE7. I have kept the installation extremely easy. You just need to copy and paste the code. This Menu is provided by Web Designer Wall guys.

DEMO Screen Shoot

Features:

1.) MultiLevel DropDown Menu.
2.) Pure HTMl,CSS Code.
3.) No JQuery, JavaScript.
4.) Quick To Load And Easy To Install.
5.) Awesome And Stylish In Look.
6.) Based Upon <ul> <li> That Will Help You In Gaining SiteLinks On Google.
7.) You Can Change Color Easily And The Gradient Will Be Automatically Changed.
8.) Cross Browsers Support.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.

How To Add In Website?

1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.

Customization:

1.) Change All Black Bold Text With Your Data.
2.) Change All The Blue Hash With Your Data Link.
3.) To Change The Color Of The Menu, Simply Replace #0080ff With A Colour Of Your Choice. You May Use Our Color Generator Tool

6 comments:

Goddesslily SeymourDecember 21, 2012 at 11:53 PM
How much do would you charge to customize my blog with these drop down menus, i' at http://lilyseymour.blogspot.com. I also need to have my Blog pointed to my domain www.lilyseymour.com.
saifarafatDecember 22, 2012 at 7:48 AM
Useful Article. i using in my website. Thank u so much.
naveen b vJanuary 19, 2013 at 11:34 AM
my blog is ping-mirror.blogspot.com , can u just direct me how to replace that blue hash to our particular label link in submenu please , thanks

Please Read The Rules Before Commenting:-

1.) Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
2.) Make sure to click the "Subscribe by email" link below the comment to be notified of follow up comments and replies.
3.) Please "Do Not Spam".
4.) Please "Do Not Add Links" to the body of your comment as they will not be published. If the quiries contain link then never add HTML tag to it.
5.) Only "English" comments shall be approved and answered.
6.) If you have a problem check first the comments, maybe you will find the solution there.
7.) You comments must contain 100+ characters to remain accepted.
8.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.
9.) All comment will be deleted if it will not fulfill the requirements.

Let's Your Mind Rock...!!!