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.

drop down main menu in artisteer Dropdown Menus Disappear


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.
nice dropline menu

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). horizontal drop accordion menu

Feedback

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

        * First of all, I love you CSS3 Menu. I think it's beautiful! I purchased the CSS3 Menu "business edition" yesterday, and I'm very happy how easy it is to use. Found this to be one of the fastest ways to get a menu on the web. Thanks.

        * Just stumbled across your programme...brilliant! I am no web expert but have built a nice menu. It looks great!

Awards

silverlight drop down menu web part Dropdown Menus Disappear Dropdown Menus Disappear Blogs

drop down navigation orange Dropdown Menus Disappear Tweet Tweet!

tamayneg: @diihschmidt au menus issu neh? KKKKK

stefanicomelli: @Edyanfoortes menus eu heuehu

carterMANIACA: @WondiesAngels a menus mal :D

HundeHubert: #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

Zotendomi: Für die #Katze! #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

Kevindrakevin: Eii! Ga bagus loh makan keju malem2,u wanna get fattier? RT @lunaart: I hate these menus. Fuck kraft quick melt. :"9

dooggy_ger: Für die #Katze! #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

Hannah23411: Für die #Katze! #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

salmamltn: @SPIDERMANSCHWAG disappear :((((((

Chrissyhpca: Triet Not Diet: Life Changing Triet Menus & Health Reminders: http://amzn.to/jQyXXd

hamburger91: Hmm bin zwar noch nicht ganz fertig mit Menüs schreiben (12 Stück) aber bin inzwischen sooo müde das ich jetzt schlafen gehen. PUNKT !

sanmeldenme: Partyservice: Es werden verschiedene Menus mit Vor und Nachspeisen vorgestellt die fur ganz gro e http://tinyurl.com/3d5o39t

KeinNameDuAffe: liebt svenja so sehr.. es war so schön (: / bfmv - disappear

hamburger91: Meine Messer heute mal mitgenommen zum schleifen :) Wieder schön scharf *thumbs up* Jetzt noch Menüs schreiben ;) :) Und irgendwann ins Bett

DropDownMenu: Website dropdown menu Blechdoses Seite - Top menu schließt nicht immer - Blechdoses Blechdoses Seite von Alexa... http://tinyurl.com/4rt5vjd

Beckerin14: Neben herkömmlichen #Rezepten zu #Nudeln, #Gemüse, #Fisch, #Fleisch und Co. gibt es #Partytipps und Menüs für Feste http://amzn.to/g8iy3V

FreeWebButton: Horizontale menüs mit css .:. Joomla! :: Schweiz .:. • View topic - Horizontale Sub-Menüs Ich möchte ein horiz... http://tinyurl.com/2v36yjj

rniederer: So, grad ne coole PHP-Klasse für das generieren eines Menüs geschrieben :D #php

Kotzfrosch: Damals nannte man sie Panikmacher und Verschwörer... http://bit.ly/92iJz8 #Griechenland #spainrevolution

DropDownMenu: Dropdown menu for blogger DropDown Box - TYPO3 Forum & Portal Hallo zusammen, ich habe folgende DropDown Box m... http://tinyurl.com/6fl353b

dortmund_markt: Kleinanzeigen: Kochkurse, Kinderkochen, Junggesellinnenabschied, Menüs............. in Dort... http://bit.ly/hSq54D Kaufen über markt.d

WordPressHD: [DIET VIDEO] Diet Food Menus http://bit.ly/kQJFuF

blackhatweb: [DIET VIDEO] Diet Food Menus http://BestDiets.TV

lanhuong1: iStat Menus for Mac http://ping.fm/pdvjb

siteanmelden: Partyservice: Es werden verschiedene Menus mit Vor und Nachspeisen vorgestellt die fur ganz gro e http://tinyurl.com/3lurr9h

Sex_MV: Mecklenburg-Vorpommern: Vital-Menüs im Praxistest: In 40 Schulen des Landes Mecklenburg-Vorpommern stehen seit A... http://bit.ly/kaju6O

Qype_HH: Bewertung zu Jim Block (St. Georg, Hamburg, von Divon): 4 von 5 Punkten Super Burger Menüs. Preise sin... http://bit.ly/jzQulQ #hamburg

Mithraw: grad die american pie dvd von 2000 rausgekramt - stylische menüs, NULL Werbung.. hach ja.. #nostalgie

MerrilyMarried: Walnuts and Wet Sand: Descriptive Wine Menus http://bit.ly/krwWht

lifeandlemons: Walnuts and Wet Sand: Descriptive Wine Menus: http://bit.ly/krwWht

dooggy_ger: Für die #Katze! #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

dooggy_ger: #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

CannedThemes: Imagewize WordPress 3.0 Menus http://bit.ly/lMaGdn

Pixel_Smurf: @SatiyanSeverin Öh...klar geht das? Da ist son Dropdown wo "Aktionen" drinsteht...und da ist Drucken auch dabei.

fil_henry: Für die #Katze! #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

how_to_diets: Dieting Menus - Susan Sommers Diet - Stomach Sounds - by pigarotti Dieting Menus - Susan Sommers Diet - Stomach... http://bit.ly/igHkff

KarlKowald: #Urlaub vom #Newsletter anstatt Abmeldung! Am besten per dropdown für 1 bis max. 8 Wochen ;) #omc11

thesavingdeal: diet menus NutriSystem http://www.codecoupondiscount.com/d/24379

annabelle_mag: Milchbar im Abart Music Club: Die Idee ist einfach: ein freier Raum, ein paar Hobbyköche und Menüs für zehn Fran... http://bit.ly/lYZEQI

Animator: @MadeMyDay lach, der unterste Punkt beim Dropdown-Menu zum Einsortieren ist 'Create new Folder' ;)

Calaelen: @xinitrc @minimalis Danke, als Windoof User war mir nicht klar, dass die Hinweise Dropdown Liste zu den jeweiligen Einstellungen führt :)

xinitrc: @Calaelen CMD+, -> Hinweise -> Bei Ereignis im Dropdown auswählen was dich nervt und dann die entsprechenden Haken weg machen.

DIAGRAM_360: Inspiring website navigation bars: http://t.co/om0A1Br

seotransit: Christmas Dinner Menus: Your Top Four Christmas Dinner Ideas http://p.ost.im/p/vwDB8

CRH_DUS: Guten Morgen, unser Mittagstisch: Täglich verschiedene Menüs! http://trimr.de/VuX #Düsseldorf #Pause #Menü #Essen #Mittagstisch #Hunger

MaggiesSwag: barbarabeadlesbieber: http://tumblr.com/xqw2liia47

Shanikayg13: Diet Menus http://dlvr.it/SJ6ry #weightloss

Ramonaemk: Diet Menus http://dlvr.it/SJ6rx #weightloss

Zaidacec: Diet Menus http://dlvr.it/SJ6p5 #weightloss

Shainafso: Diet Menus http://dlvr.it/SJ6lM #weightloss

Katherincj14: Diet Menus http://dlvr.it/SJ6kW #weightloss

Sunniboj: Diet Menus http://dlvr.it/SJ6kQ #weightloss

Katheleenrcs: Diet Menus http://dlvr.it/SJ6k8 #weightloss

Michaeleqc31: #weightlosschart Diet Menus http://dlvr.it/SJ6jn #weightloss

Torini41: Diet Menus http://dlvr.it/SJ6jR #weightloss

Gertiebr65: Diet Menus http://dlvr.it/SJ6jQ #weightloss

Simonekm42: Diet Menus http://dlvr.it/SJ6jP #weightloss

Leoraxuy: Diet Menus http://dlvr.it/SJ6jM #weightloss

Alberthahtq: Diet Menus http://dlvr.it/SJ6jJ #weightloss

Cierapay: Diet Menus http://dlvr.it/SJ6hn #weightloss

Gudrunikk: Diet Menus http://dlvr.it/SJ6hT #weightloss

Taiwv18: #weightlosschart Diet Menus http://dlvr.it/SJ6hP #weightloss

Judiepn75: #weightlosschart Diet Menus http://dlvr.it/SJ6hL #weightloss

Cinthiaob54: #weightlosschart Diet Menus http://dlvr.it/SJ6hN #weightloss

Argentinagq76: #weightlosschart Diet Menus http://dlvr.it/SJ6hG #weightloss

Edraibu: Diet Menus http://dlvr.it/SJ6hD #weightloss

Scottswt: Diet Menus http://dlvr.it/SJ6h9 #weightloss

Kennethcfj: Diet Menus http://dlvr.it/SJ6h8 #weightloss

Mitchellqsl: Diet Menus http://dlvr.it/SJ6fW #weightloss

Malvinaoxy: Diet Menus http://dlvr.it/SJ6fV #weightloss

flowermaedchen: ich würd ja öfter bei mcdonalds essen, wenn die menüs so spielzeuge hätten wie happymeal. für erwachsene halt: nippelklammern, minivibis...

Agano1805: Triet Not Diet: Life Changing Triet Menus & Health Reminders: http://amzn.to/kgbzKl

tiniaden: US-Ärzte forden ein Verbot von Spielzeugen bei Fast-Food-Menüs für Kinder : http://bit.ly/koXGum

bbcallsmebro: @bibiG0iNGrawrr Ich hab mal 2 große big mäc menüs gegessen x) also direkt hintereinander zusammes xD

BieberPoker: barbarabeadlesbieber: http://tumblr.com/xsv2ldi22p

Tobbelmoppel: @wildes_Huhn hmmm ich merke kein Unterschied in der größe wenn ich in den einzelnen Menüs bin.

evoloopcom: Formulargestaltung: Auswahl-Menüs lassen die Konversionsrate schwinden #AnalyticsSci

subsublibrary: RT @nypl_menus: Thx 2 @benwbrum @dirkvl + folks at #deutsch IRC channel at Freenode working on our #Sütterlin #Handschrift challenge! http://bit.ly/imWdCA

nypl_menus: Thx 2 @benwbrum @dirkvl + folks at #deutsch IRC channel at Freenode working on our #Sütterlin #Handschrift challenge! http://bit.ly/imWdCA

floTCF: Kennt der @OsProgramming sich zufällig mit Menüs in Xcode aus? :)

Duncrow: *pffff* 3 Menschen. 3 Menüs. 1 Koch. Abendroutine in Casa @Duncrow. (Und ja, ich mach das gerne :-)

DropDownMenu: Dropdown menu asp net drop faq Visual Basic Forum im Forum mit über 22000 Beiträgen findet ihr viele Tutorials... http://tinyurl.com/6bsghb7

benwbrum: Hilfe bei #Kurrentschrift oder #Sütterlin #Handschrift gesucht: @nypl_menus @bgaff http://menus.nypl.org/menu_pages/9880

phpnet: (WebDesignerForum) Misbehaving CSS dropdown menu IE7: http://bit.ly/mhh1Uh

batonrougepost: School Lunch Menus for May 19, 2011 http://tf.to/spfQ

cberg_: Inspirierende Beispiele für Navigationsmenüs: Cool Navigation Menus For Inspiration http://t.co/OOxSyv5

dooggy_ger: Für die #Katze! #Galacum® gibt es mit den Delikatess-Menüs von Für Ihren Liebling hier bei mir http://bit.ly/iS0BXJ

greenbananaCH: @valeriewow Zwar schon etwas älter. Aber ist mir auch noch in den Sinn gekommen: http://bit.ly/55lv #Navigation

greenbananaCH: @valeriewow Vieleicht: http://www.smashingmagazine.com/2011/04/19/showcase-of-creative-navigation-menus-good-and-bad-examples/ #navigation

crispin_s: 1.6.3 Gelöschte Beiträge sind als "Admin" sichtbar - Kategorien/Menüs in DB Sichtbar http://ow.ly/1cKp0j

crispin_s: 1.6.3 Gelöschte Beiträge sind als "Admin" sichtbar - Kategorien/Menüs in DB Sichtbar http://ow.ly/1cKp0h

cs_webdesign: 1.6.3 Gelöschte Beiträge sind als "Admin" sichtbar - Kategorien/Menüs in DB Sichtbar http://ow.ly/1cKp0l

rheingold_Media: 1.6.3 Gelöschte Beiträge sind als "Admin" sichtbar - Kategorien/Menüs in DB Sichtbar http://ow.ly/1cKp0k

joomladesk: 1.6.3 Gelöschte Beiträge sind als "Admin" sichtbar - Kategorien/Menüs in DB Sichtbar http://ow.ly/1cKp0i

crispin_sill: 1.6.3 Gelöschte Beiträge sind als "Admin" sichtbar - Kategorien/Menüs in DB Sichtbar http://ow.ly/1cKp0m

MensaHildesheim: Essen 1: Geflügelboulette (Zuletzt: 07.04.2011) - http://unihi.de/mensa/

MensaHildesheim: Essen 2: Schweinegulasch mit Butterspätzle (Zuletzt: 07.04.2011) - http://unihi.de/mensa/

hilfebot: RT @photoshop_cafe #photoshop Menüs im PSE 9 anzeigen - Guten Tag, Kann mir jemand sagen,wie ich im Photoshop Elements 9 die Menü "Da...

photoshop_cafe: #photoshop Menüs im PSE 9 anzeigen - Guten Tag, Kann mir jemand sagen,wie ich im Photoshop Elements 9 die Menü "Dat... http://ow.ly/1cKmM9

DropDownMenu: Dropdown menu ie6 Templates und Design [Archive] - OXID Community Forum [Archive] Wie kann man den OXID eShop ... http://tinyurl.com/5wbzwff

gradient javascript drop down menu Dropdown Menus Disappear See Also