Drop Down Menus Sample




Overview

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation. This menu works perfectly well with Firefox, Opera, Chrome and Safari. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. CSS3 transitions could one day replace all the fancy jQuery animation tricks people use.


How to use

Drop Down Menus gui screenshot

1) Open Drop Down Menus software and click "Add item" and "Add submenu" buttons situated on the Drop Down Menus Toolbar to create your menu. You can also use "Delete item" to delete some buttons.

2) Use ready to use Templates. To do it just select theme you like in the "Templates" list. Double-click the theme you like to apply it.

3) Adjust appearance of the menu.
 3.1. Select item by clicking it and change button appearance for normal and hover states and set buttons link properties and link target attributes on the "Main menu" tab.
 3.2. Select submenu's item by clicking it and change submenu's appearance for normal and hover states and set submenu's item link properties and link target attributes on the "Submenu" tab.

4) Save your menu.
 4.1. Save your project file. To save project just click "Save" button on the Toolbar or select "Save" or "Save AsÂ…" in the Main menu.
 4.2. Publish your menu in the HTML format. To do it click "Publish" button on the Toolbar.

mega menu dropdown behind flash games Drop Down Menus


Free Download

Download Free Edition for Windows OSDownload Free Edition
for Windows

  

Download Free Edition for MAC OSDownload Free Edition
for MAC

CSS3Menu is free for non-commercial use. If you want to use CSS3Menu on a school site, your non-commercial blog or non-profit organisation website, just download CSS3Menu and use it for free.

A license fee is required for commercial use. CSS3Menu Commercial Edition additionally provides an option to create multicolumn menus and includes extended sets of menu templates and icons. After you complete the payment via the secure form, you will receive a license key instantly by email that turns the CSS3Menu Free Edition into a Commercial one. You can select the most suitable payment method: credit card, bank transfer, check, PayPal etc.


Support

For troubleshooting, feature requests, and general help, contact Customer Support at Mail. Make sure to include details on your browser, operating system, Drop Down Menus version, link to your page.
drop down menu bar css

Templates

Screenshot

Features

Contact us

  • For troubleshooting, feature requests and general help contact Customer Support at . Make sure to include details on your browser, operating system, jQuery Carousel version and a link (or relevant code). css template with horizontal drop down menu

Feedback

  •     * I first must say that after a few days of lost time trying to figure out some other ways to do this stuff, landing on your website to find and use your great little utility for css3 menus was just wonderful! You have made a complicated task look quite easy... lots of work behind your took I'm sure.

        * I'm brand new to CSS. I made a menu using your software and it looks great. LOVE your program!

        * I'm absolutely loving Css3 Menu. Amazing, quick and painless, to create a custom, browser independent menus. And it works first time - every time! Best value for money I've seen in quite a while...

Awards

free psd drop down menu bar Drop Down Menus Drop Down Menus Blogs

css droplist flyout menu Drop Down Menus Tweet Tweet!

AIBester: @RRRevelations and elections.org is no help either. They changed their drop down menus in the wee ours, now it feels rather useless and old

Edwinaopk: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Anisasgny: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Gladysmqm: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Jolineriw: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Halinaumv: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Lesleeaapp: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Synthiafrrt: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Bellakbh: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Leliagoe: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Jessicahvxu: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Songkti: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Michelelkm: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

levelupstudio: @lnoormohamed I mean in the other menus like More (in a tweet drop down menu), etc, not just Links

Danyellemhgt: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

JoneseyN: http://www.cpta.co.uk now has drop down menus for course and location selections to make navigation easier. Follow us at #cptaltd

mymarketingbiz: Easily Create Drop Down Menus! http://virallinkblaster.com/links/3229

justaroughdraft: RT @holterbarbour: Finding Korea in drop-down menus sucks. "K" for "Korea"? "R" for "Republic"? "S" for "South"?

Kowiana: RT @Hanbae: RT @holterbarbour: Finding Korea in drop-down menus sucks. "K" for "Korea"? "R" for "Republic"? "S" for "South"?

greenblanket: RT @holterbarbour: Finding Korea in drop-down menus sucks. "K" for "Korea"? "R" for "Republic"? "S" for "South"?

a_ahmad: OH GOD YES! @hanbae @holterbarbour Finding Korea in drop-down menus sucks. "K" for "Korea"? "R" for "Republic"? "S" for "South"?

Hanbae: RT @holterbarbour: Finding Korea in drop-down menus sucks. "K" for "Korea"? "R" for "Republic"? "S" for "South"?

holterbarbour: Finding Korea in drop-down menus sucks. "K" for "Korea"? "R" for "Republic"? "S" for "South"?

xgoodlife: Laugh of the day, MI colleague created a spreadsheet w drop down menus for our Thursday bulk McD order!!  that's what I call committed!

dropdownmenus: Flash mouseover drop down menus http://tinyurl.com/4a4ajkd

DropDownMenu: Dynamic drive drop down menu Facebook Platform Developer Forum / Drop Down Menus with I get to see only the op... http://tinyurl.com/4rx8g54

pcNielsen: @ASmallOrange Any idea why the drop down menus are only kind of working on this site: http://is.gd/rr4e6c ???

Genevievecloi: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

DropDownMenu: Html5 drop down menus FlashSupport.com - Flash - XML menu (macromedia FlashMX go to File---->New from Template... http://tinyurl.com/4acjwns

Lovettasmg: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Elvirawgyz: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

CSS_Menu: Free css dropdown menu templates Creative Menus for Dreamweaver " Drop down menu and using CSS Creative Menus ... http://tinyurl.com/26dnrv9

WordCampSD: Thanks to @i3inary for the quick fix on the drop down menus used on the WordCamp San Diego website. #wcsd

Siobhaneupc: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

DropDownMenu: Linear drop down menu Beat-Planet: Forum Clean, standards-friendly, modular framework for dropdown menus 54. a... http://tinyurl.com/2dx7ma9

FreeWebButton: Css for select menus SOLVED: CSS Drop Down Menus and IE6 SOLVED: CSS Drop Down Menus and classname IE6 These m... http://tinyurl.com/36xoo53

Danyellemhgt: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

Roxannapyzp: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

machinecodeblue: #BBTip #BlackBerry #Playbook. To select Mouse Over drop down menus "double tap" quickly on the menu item...

luwian: 50 Examples of Drop-Down Navigation Menus in Web Designs http://t.co/72pmzEV via @sixrevisions

RickDeck: RT @patrickavella: Drupal, y u no drop down easy! Menu Block Module OR Delta Update: HOWTO create dropdown menus for Bartik in Drupal 7 http://bit.ly/isr6Zg

patrickavella: Drupal, y u no drop down easy! Menu Block Module OR Delta Update: HOWTO create dropdown menus for Bartik in Drupal 7 http://bit.ly/isr6Zg

henry2625: @emkwan there should be a thing on one of the drop down menus - share on itunes

tjefford: 97 lines of jqiery to toggle 7 drop down menus.

dropdownmenus: Css rounded drop down menus http://tinyurl.com/49vm7gn

DropDownMenu: Fancy web drop down menus enlarging icons on drop-down menus - Configuration-Customize Archived from groups: m... http://tinyurl.com/4pln8kr

euantor: jQuery Drop Downs: MyBB comes with a pre-coded javascript function for drop down elements and menus. Thing is th... http://bit.ly/jTz3GO

mypurebb1: jQuery Drop Downs: MyBB comes with a pre-coded javascript function for drop down elements and menus. Thing is th... http://bit.ly/jWyB0v

mvroom: You know you are getting older when you have to scroll further and further in drop-down menus to select the year of your DOB. #sad

CurveePatti: SEO TIPS If you MUST use Javascript drop-down menus, image maps or image links, be sure to put text links somewhere on page for spiders.

SEWIArtsGuild: RT @shansteffen: #SEO Tip: If you absolutely MUST use Java script drop down menus, image maps/links, put text links somewhere on the page for the spiders.

shansteffen: #SEO Tip: If you absolutely MUST use Java script drop down menus, image maps/links, put text links somewhere on the page for the spiders.

FireflyLLC: Drop down menus with only three lines of CSS3? You saw it here: http://bit.ly/kuPMWg

WebButtons: Menus html Search Engine Optimization: SEO Checklist JavaScript drop down menus prevent spiders from spiders c... http://tinyurl.com/3xjdjpz

eiskaltenacht: Why did Microsoft design their new site so that it has to reload in order to display the drop-down menus? Are they really that incompetent?

bookandlatte: @parajunkee Do you mean drop down menus? What am I looking for? Love your design!

babeltech: "Twenty-five years from now, no one will be clicking on drop-down menus, but everyone will still be pointing at... http://fb.me/VlTYzsxl

V7NForum: V7N.com: Dropdown Menus in WordPress: I need to add drop-down functionality to menus in WP. I've tried these two... http://bit.ly/jts9yf

dropdownmenus: Frontpage drop down menus http://tinyurl.com/4ml53op

duane_scott: Thanks to Peter Pollock from New Blog Hosting, my blog now has drop down menus. I'll be adding a Blogroll, an... http://fb.me/11sBSblmd

duane_scott: I got an estimate to add drop down menus to my blog. $520. Let's just say @PeterPollock is once again, my hero.. for saving me.

AngryTerry: Drop down menus, that's something we can do.

ad_web: Designing Drop-Down Menus: Examples and Best Practices - http://t.co/o2T5GUj #webdev

mtstanford9: my research shows: most older people don't understand Progressive Disclosure (drop down menus) in interactive design. http://mfaThesis.com

mtstanford9: I'm not a fan of drop down menus and, in fact, I'm very much against Progressive Disclosure in many cases.

Helephone: North American drop-down menus default to the U.S., but make us hunt for Canada between Cameroon and Cape Verde. Guys! It's just us up here.

JillatSignum: Plant operatives! www.cpta.co.uk now has drop down menus for course and location selections to make navigation easier. Follow us at #cptaltd

istrainingltd: http://www.cpta.co.uk now has drop down menus for course and location selections to make navigation easier. Follow us at #cptaltd

IanDFisher: http://www.cpta.co.uk now has drop down menus for course and location selections to make navigation easier. Follow us at #cptaltd

CPTAltd: http://www.cpta.co.uk now has drop down menus for course and location selections to make navigation easier. Follow us at #cptaltd

OutOnTheBubble: I still have to finish a few more drop down menus & add sponsors, but I'm happier w/ the newly designed site... www.outonthebubble.com

oceatoon: Horizontal Drop Down Menus http://icio.us/fbtxsl

argus_credit_co: ADVANCED CONTACT FORM (CREDIT CARD, DROP DOWN MENUS ETC): ... REQUIREMENTS -https to protect credit card and per... http://bit.ly/lKTLt4

ahesselbom: I'm sorry, I still like drop down menus better than ribbons.

argus_credit_co: ADVANCED CONTACT FORM (CREDIT CARD, DROP DOWN MENUS ETC): ... REQUIREMENTS -https to protect credit card and per... http://bit.ly/jkZwVu

spinelinkcom: How to Create a Website with Drop-Down Menus: window.open ("http://www.hilive.org/","mywindow"); Create Free fla... http://bit.ly/lYvI1Q

Grayum_ian: oh yuck. Drop down menus for date selection on travel sites. Pretty sure it's easier to pick dates when I can actually SEE the dates.

Jeribwi: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

PreciousPixie4U: You know you're getting old when your year of birth is no longer immediately visible in drop-down menus and you have to scroll down....

Cherisevzc: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

CSS_Menu: Free css drop down menu webpage: dropdown menus using css/js I'm working with a high school and attempting to ... http://tinyurl.com/2etofqy

Navigation_____: 30 Stylish Examples of Drop Down Navigation Menus | Modny73 http://ping.fm/IbvQi

dropdownmenus: Drop down menus in php http://tinyurl.com/4hm99nk

Magdalenetcv: Ever notice that most websites place the USA on the top of the drop down menus? Is that a superiority thing or what?

aicky: Oh new menus, you can see All, Downloaded and Most used programs. Also quick settings in drop down menu in notification bar

KaraBoney: Slide-Down Mega Drop-Down Menus with Ajax and jQuery http://bit.ly/mPSDqR #jQuery

mymarketingbiz: Easily Create Drop Down Menus! http://virallinkblaster.com/links/3229

dropdownmenus: Drop down menus for websites http://tinyurl.com/6zbup42

Laylan_: @_designSlut do you remember what those collapsible drop down menus were called?

Mays7822: #2-The Office Ribbon Returned: The context-aware ribbon, will replace the drop-down menus and toolbar in Windows 8's Explorer windows.

bundleOfDesign: Designing Drop-Down Menus: Examples and Best Practices: As a general rule, most Web developers, especially us... http://digfoc.us/mHdJZA

carbide25: So, #css3pie works pretty well but drop down menus a bit funky. Anyone out there used it on a drop down successfully? @css3pie #css R...

grovesdesign: So, #css3pie works pretty well but drop down menus a bit funky. Anyone out there used it on a drop down successfully? @css3pie #css

dropdownmenus: Drop down menus frontpage http://tinyurl.com/4e2hx2y

JanFredrikB: "Can you make the drop-down menus on the site only work when you want to use it? We don’t want it to pop out by mistake" http://t.co/JJwXL8Z

sergiodlopes: "Designing Drop-Down Menus: Examples and Best Practices" http://digzign.com/oj1whz

fuckyeahdash: A few updates: - So I got rid of my old navigation and replaced it with 2 drop down menus! I think it looks... http://tumblr.com/xuu2j50mu3

MarcDrummond: A-holes. RT @Malarkey: @gruber Company related to Lodsys sues website owners for using their ‘patented’ drop-down menus. http://t.co/Vo6AfMT

CSS_Menu: Css drop down menu free template webpage: dropdown menus using css/js I'm working with a high school and attem... http://tinyurl.com/6xsskhp

create iphone dropdown menu in flash Drop Down Menus See Also