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.

free drop downcss menu Dropdown Menus Chrome


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.
making transparent drop down menu with 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). free xhtml code for drop down menus

Feedback

  •     * Firstly - My gratitude for a menu wizard that is lightweight, incorporates a variety of new CSS properties, is easily customizable but comes with a more than sufficient collection of examples and finally - degrades in MSIE (my IE6.0 displays the menus nicely). Thanks again - I have already recommended you to a friend.

        * Thank you for this time saving app. I have built and saved the new navigation to my site and it works great! It did make it much easier.

        * I have installed CSS3 Menu Free. All good, loving it!! I want to get an business version of your great programm. I love it - soo easy to use!!

Awards

silverlight dropdown navigation hover menu Dropdown Menus Chrome Dropdown Menus Chrome Blogs

server side dropdown navigation menu php css Dropdown Menus Chrome Tweet Tweet!

doku_go: RT グーグル、「Chrome」のセキュリティを強化--「Gmail」の接続を強制暗号化 - CNET Japan: Stephen Shankland (CNET News) 翻訳校正: 湯本牧子 長谷睦 2011/06/... http://bit.ly/lm7o0B

hatebu_google: グーグル、「Chrome」のセキュリティを強化--「Gmail」の接続を強制暗号化 - CNET Japan: Stephen Shankland (CNET News) 翻訳校正: 湯本牧子 長谷睦 2011/06/16 ... http://bit.ly/jP6NLB

DeboraGuti: @ChofoDelValle chrome beibii :S

Tion: iStat Menus unter Version 3.18 mit verbesserter OS X Lion Unterstützung ist da! http://t.co/NRRgSx2

FabianHofer: @flovvv Probleme beim synchen von Bookmarks seit ein paar Tagen # chrome

manuels: @Scytale weil du es neulich davon hattest. gibt es nicht nur für chrome… http://t.co/oZJ5MNN #safari

L0rdShrek: Chrome Web Store: 11 neue App-Highlights von deutschen Partnern - Der Google Produkt-Kompass http://goo.gl/fuMSq #L0rdShrek

slivotv: @chlewey ¿estás en chrome?

yagarden: http://www.yagarden.net/kohler-k-14443-cp-purist-robe-hook-polished-chrome.html #kohler #bathroom #faucets #kohler KOHLER K-14443-CP Pur

Denkmaschinen: Sie benutzen Opera 11.11 ihr Browser ist nicht mehr aktuell.. dasmagazin.ch will uns also zwingen Chrome zu nutzen oder was soll das?

gustavsl: @kelsen1984 Chrome. Abs.

Luna_Chica: jaa endlich macht chrome was statt nur dumm rum zu stehen wird ja auch mal zeit

huxi: @acid23 Das klingt nicht mehr cool genug. Leider hat sich ja auch Chrome als Musikrichtung von der Bezeichnung her nicht durchgesetzt...

_cyclops: Blutmond = verpasst durch wolken!!! Antivirus = kaputt! Firefox = tot! Chrome = funzt *yay* Ohne Antivirus im Inet, bin ich doof???

zottel: Teste gerade das Prerendering vom zukünftigen Google Chrome http://ow.ly/5iNP1 Der erste Treffer der suche wird schon "vorgeladen"

SamusAranX: Chrome geht, Firefox ist perfekt, IE gibt sich Mühe, mit den anderen mitzuhalten, und Opera kackt voll ab. :D

SamusAranX: http://t.co/D4mC5XL - Hier ein Vergleich meiner Seite in Chrome, Firefox, IE und Opera.

nenebale: @land_apfel bin #Firefox-Fan :) leider läuft es auf OS X alles andere als toll... #Chrome ist da die Alternative bis zum neuen #Safari.

J_Heimbach: Unglaublich aber wahr: mein Chrome ist gerade abgestürzt!

awesomeasanne: Google Chrome wird demnächste wieder fliegen lernen. Haha was dann wohl für euch heißt, dass ich NUR Firefox nehme. Opra iss Potthässlich!

KieBook: @awesomeasanne Also ich hab: Safari, Firefox, Chrome und Opera. Nutze aber nur Safari und ab und zu Chrome.

SamusAranX: Meine Seite funktioniert jetzt fehlerfrei in Firefox 4, mit ein paar Design-Einbußen in Chrome und IE9, nur Opera liegt mal wieder hinten.

ElbSaga: Safari du kleine schlampe ... mach keine zicken.. sonst kommt Chrome wieder zum einsatz

joerg_k: Wenn ich eine foursquare-Adresse aufrufe, zeigt mor der Chrome nicht die Map an. Woran könnte es liegen? Der Spamblocker ist aus.

SeoSteven: @joehall Chrome > IE

flovvv: Mein Chrome will sich nicht mehr so recht synchronisieren. Und bei euch so?

MHirschmann: Wenn der Laptop droht wegen Chrome und Skype in die knie zu gehen...wie lange macht er es dann noch?

SteffenBusch: @micwer17 Ich glaube das hier wäre was für dich: http://t.co/nX8RroQ

tmkilla: @Xiel Da macht Chrome kaum jemand etwas vor, jap.

LacrimaAzzurra: @DasDodo Eigentlich schade, jetzt kann man sich gar nicht mehr über die Schüler-Menüs mit drei Keksen amüsieren..

openpr: Planio startet mit neuer Projektmanagement-App im Chrome Web Store durch http://openpr.de/t546397

susanybinger: Dash Decal Trim Kit Chrysler 300 300C 2005 2006 2007 – Chrome: Dash Decal Trim Kit Chrysler 300 300C 2005 2006 2... http://bit.ly/ktvJ6y

DavidNeuner: ich nutze #tweetdeck auf allen meinen geräten - auch mit google chrome einfach genial ... @mehrenhauser

AndreasFloemer: Bin ich eigentlich der Einzige der Probleme hat diese blöden "j.mp"-Links zu öffnen? #Chrome

lkromat: gleeBox, Zeitersparnis hoch zehn für Internet-Poweruser http://t.co/JghM1zI #chrome #safari #browseraddon

mtrax: So hab mir mal das Chrome OS besorgt - mal anschauen die neue Idee von Google :)

REHV0LUTION: soll ich wirklich chrome (KHR!) cossen? D:

GruppenreiseBlg: HRS: Mit Google Chrome schneller ins Hotel - PREGAS (Pressemitteilung) http://ow.ly/1dfXIX

mn_gb: Es gibt nur eine wahre Methode den Facebook-Account zu löschen: FB-Mailadresse in eine Hotmailadresse ändern und mit Chrome Account löschen.

AnnaSwaggg: fuck google chrome geht nimmer -.-

sibbl: Pro-Tipp: Mit Chrome to Phone kann man eine Textauswahl per Rechtsklick direkt in die Zwischenablage von Android senden.

bremerlopes: imaslytherinbitch: http://tumblr.com/xtg30hc1vi

chrome_jp: HerbertRichter CHROME-STYLE クロームモール 50mm幅: ドアガード: HerbertRichter CHROME-STYLE クロームモール 50mm幅. 50mm幅の極太クロムモールは、厚みも... http://bit.ly/kPe26Z

bloodyalbatross: Wozu hat man ein externes Hirn wenn es nicht funktioniert? *#$% #Chrome hat alle meine Tabs vergessen!! #fail

Websicherheit: Neues im Blog: Neue Version von Google Chrome mit aktualisiertem Flash Player http://www.websicherheit.org/?p=10445

Xiel: @tmkilla jo, auch wenn mir im chrome evtl. das eine oder andere plugin fehlt. aber die ständigen Abstürze gehen einfach nicht mehr

andreas_m_hahn: Chrome Web Store: 11 neue App-Highlights von deutschen Partnern http://is.gd/7oWEXN

MauriciusQ: Jetzt geht´s RT @MauriciusQ: @RN_DORTMUND Bei mir geht es weder unter Chrome noch unter Firefox noch unter IE. Sehr zwergwürdig

hochitom: Das lustige: Mein JS funktioniert bereits in Chrome und Firefox, aber im Safari (!!) geht noch gar nix^^

Cryptomon: strange. pingen geht nicht. ff und gecko finden die seite nicht. chrome findet sie, hat aber die falsche flash-version. wtf?

TWEEToption: Chrome Web Store: 10 neue Gratis-Apps für Chrome: Nutzer des Google Browser Chrome können sich über zehn neue Ap... http://bit.ly/kZ9z3L

dirk_s: @dakoller nein - möchte in einem account andere hintergrundfarbe einstellen. speichern funktioniert an der stelle im chrome aber nicht.

ueberschriften: Chrome Web Store: 10 neue Gratis-Apps für Chrome: Nutzer des Google Browser Chrome können sich über zehn neue Ap... http://bit.ly/kiMjMj

mzeeRalle: Handy-Phantomvibrieren war gestern: ich hab Phantom-Facebook-Tab-im-Chrome-aufleuchten-wie-wenn-neue-Nachricht-da :(

vega75: @juristr Passt, danke. Ich benutze eh Chrome (auf dem PC).

molily: @frl_pfefferminz Versuch mal Chrome.

20min_ch: Take-Away mal anders: Mini-Küche für die Handtasche: Wenn Fast-Food-Menüs aus der Mikrowelle nicht munden, kann ... http://bit.ly/lGbqqj

MauriciusQ: @RN_DORTMUND Bei mir geht es weder unter Chrome noch unter Firefox noch unter IE. Sehr zwergwürdig

meltastisch: So wieder zu Chrome gewechselt, bis #FF ein neues Update hat.

Go_Earl: Früher dachte ich immer: Angry Birds, so ein blöder Mist, wer spielt sowas denn? und jetzt gibts das plötzlich als App für Chrome...

mspro: komisch. street view funktioniert bei mir nicht mehr. weder im safari, firefox oder chrome.

DavidNeuner: @mehrenhauser android, iphone, windows, google chrome ?

_itsdragana: Nein Google Chrome, ich will nicht, dass du mir meine Twitter Seite übersetzt.

AndreasZymny: Seltsam: Werbung im Golem RSS Feed nur auf dem iPhone, nicht im Chrome.

mcmatten: Verdammte Scheiße, kaufe ich mir halt so´n verdammtes Chrome-Scheiß-Book!

GASTROPiraten: Kulinarische Treffer zur Frauenfußball-WM / ARAMARK: Internationale Menüs voller Frauenpower: (PREGAS) Zur Fraue... http://bit.ly/m6Ub1e

laurenthornton_: Google Chrome is so much Faster :)

bloggerworld: RT @frischkopp: Chrome Web Store: 11 neue Apps von deutschen Partnern http://goo.gl/nR518 u.a. von Bigpoint, HRS, Otto, Cinemaxx, Smatch, Stern uvm :-)

PREGASlive: Kulinarische Treffer zur Frauenfußball-WM / ARAMARK: Internationale Menüs voller Frauenpower http://dlvr.it/WRWGq

wuestenigel: Instant Pages ist echt nice. Bin mal auf Auswirkung auf die Konversionsrate von Chrome-Usern gespannt.

juristr: @vega75 Im moment ist das Wetter #igoogle gadget allerdings nur für #chrome aktiv. FF & IE machen noch Probleme, werde ich demnächst beheben

AugusGils: @RickyoungNL http://t.co/Qn9FCEo

joycejabbott: #4: Abus Provogue 305 Gun Metal Chrome Bremsscheibenschloss http://ff.im/FObNf

CloudDriveByAmz: Derzeit werden zum Beispiel Google Docs, Box.net, Dropbox, _Amazon Cloud Drive_, SugarSync, Facebook, Picasa,... http://dlvr.it/WRQww

AnnAround: Gewinne eine von fünfzehn #Chrome Books: http://t.co/mqPy7PY Du musst nur ein Rätsel lösen :-)

ptext: PM: Chrome Web Store: 11 neue App-Highlights von deutschen Partnern #googlegermanygmbh http://ptext.de/n/198689

TobsUndSo: @FabioLeone94 Kann man Einstellungen, Apps, häufig besuchte Seiten aus Chrome importieren?

Micha112: RT @frischkopp: Chrome Web Store: 11 neue Apps von deutschen Partnern http://goo.gl/nR518 u.a. von Bigpoint, HRS, Otto, Cinemaxx, Smatch, Stern uvm :-)

TobsUndSo: Basiert auf Chrome, ist einen Tick schneller.

Bullubu: Sehr nützlich! RT @ReneHesse: Daten schnell in die Wolke schieben mit Cloud Save für Google Chrome http://j.mp/jlJGKo

NiniWonka: und mein Mozilla spinnt auch irgendwie immer öfters. Will aber aber nicht auf Chrome umsteigen. Glaub ich wechsel wieder zu Opera.

ReneHesse: Daten schnell in die Wolke schieben mit Cloud Save für Google Chrome http://j.mp/jlJGKo

computerBlogCH: @koma5 Tweetdeck für Chrome

Axel_Hundt: Search by Image (by Google) 1.0 Englisch: Die Chrome-Extension “Search by Image” ermöglicht… http://goo.gl/fb/9B1CU

koma5: kennt jemand ein schönes Google Chrome Twitter app?

darkojergovic: Naja, liebe Webstandards konformen Browser, Firefox, Chrome und Opera - ihr habt mir die letzten Tage keine Fr… (cont) http://deck.ly/~AR9Tl

waltersoftware: Download und Vorschau: Webian Shell: Mozilla präsentiert Browser-Betriebssystem: Cloud Comp... http://bit.ly/kvjOXh http://bit.ly/dbZoZO

f_ranft: @muengstener Diese #Kalaydo verseuchten Webseiten treiben meinen Chrome bei jedem Aufruf in den Wahnsinn.

frischkopp: Chrome Web Store: 11 neue Apps von deutschen Partnern http://goo.gl/nR518 u.a. von Bigpoint, HRS, Otto, Cinemaxx, Smatch, Stern uvm :-)

flobby: @frischkopp hat die halbe agentur mit dem chrome puzzle lahm gelegt... verdammte hacke was kommt da raus?

MrProject_org: Chrome Web Store: 11 neue App-Highlights von deutschen Partnern - PresseBox (Pressemitteilung) http://ow.ly/1dfB4T

MiQie_0409: Seyes x gebang !! game best giler ! http://t.co/igxuXNn

klti: Freunde mich gerade mit Chrome an, langsam nervt Firefox. Bis jetzt fehlt eigentlich nur anständiges NoScript und eigener Sync-Server...

tozehnder: Mehr Speed bei der Google-Suche (für Chrome User) http://t.co/Iw51Wo1

fasel: @korbinian ich schaue mit dem chrome, nicht mobil

GooBlogs: Chrome Web Store: 11 neue App-Highlights von deutschen Partnern http://dlvr.it/WQmn4

FreXxX: @bobbes wobei, tweetdeck for chrome ist gar nicht so übel.

NourAssahub: @pettre @GabrielBoehme Ich habe alle probiert... IE, Opera, Firefox, Safari... Chrome ist mein Lieblingsbrowser ;)

GabrielBoehme: @NourAssahub Na Midori setzt auch auf WebKit Engine, is also ähnlich fix wie Chrome - nur etwas schlanker. ;)

NourAssahub: @GabrielBoehme @pettre Kenn ich noch nicht. Nichts kann mich von Chrome trennen^^

droppy menu jquery Dropdown Menus Chrome See Also