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.

cara pasang horizontal drop down menu Dropdown Menus Google 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.
membuat menu horizontal drop down pada blog

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). vertical dropdown menu with subnav css

Feedback

  •     * I am thrilled with what this tool can do for me thanks for all the hard work that must have gone into it.

        * Just a quick thank you for the software though, It's not often you get a free software version of this quality and style! Well done and please continue this amazing menus. Hope to see more advances.

        * 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.

Awards

menu navigation dropline Dropdown Menus Google Chrome Dropdown Menus Google Chrome Blogs

dropdown menu rounded nested Dropdown Menus Google Chrome Tweet Tweet!

maarianiinha: RT @porramones: internet explorer só serve pra baixar google chrome

ItsADopeBoy: @ItsNader ouai mais ceux sur fb cest falsh !!psk tu va sur google les bracelet avec diamant et tout cest minimum 4000e

Maestro_Bledi: RT @geekioswd Google.fr fête les mamans, Google Tunisie s’en fout… http://bit.ly/iwYoZN

nialldevittSMI: RT @eoink Quick peep inside Google Goggles http://ow.ly/1cXmnO

nialldevittBT: RT @eoink Quick peep inside Google Goggles http://ow.ly/1cXmnP

parkingmobile: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

philippelerouge: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

paiementmobile: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

smsparking: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

mobileparking: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

moneytransfer: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

mpayment: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

mobilepayment: Google Wallet lance le paiement mobile NFC http://bit.ly/lpVCSG

danilekho: Ketauan neh org boleh liat google translate,,pasti ngk bs bacanya loe??RT @fredrichz: Je sui desule RT : Je parle français..elle comment????

Kaathy10: RT @porramones: internet explorer só serve pra baixar google chrome

Seltonbre: internet explorer só serve pra baixar google chrome

NaandooRock: RT @porramones: internet explorer só serve pra baixar google chrome

wil_berto: RT @olhardigital: Chrome IE: use o Internet Explorer dentro do Google Chrome http://bit.ly/iNsW0S

bobegan: Google Wallet Mobile Payments Entice Citigroup, MasterCard, Sprint - eWeek:: Fox NewsGoogle Wall... http://bit.ly/iEk6fh #mobilepayments

souffledespoir: GOOGLE News: Les Genevez ont envoyé deux signaux anti-éoliennes: Le village franc-montagnard a donc envoyé un do... http://bit.ly/iONfYA

Jhonnydeath: Google Wallet: el teléfono se convierte en billetera http://t.co/YTzKjku

serpheee: @LUXIAMAITRAN I dunno /: sean hannah in croydon? ;s just google hairdressers

florenceelyse: Vélo démarré avec @runmeter à 19:17, nouveau parcours en cours, voir http://j.mp/m0plae, Runmeter me lira tes réponses.

AlgolMetisyq: [DULTON]ダルトン フォトフレームFRAME BOX CHROME S67671CR: http://amzn.to/mmTZ4h

hibrunaa: @panan_ é, vou ver no google IUHSDFIUHSIUDFS

ArianeNicolas: @jugraf C'est pas moi, c'est Google!

GoogleAPIGurus: Google Eliminates Translate API... http://lastnewsusa.com/google-eliminates-translate-api.html

DanielitaMiau: RT @DoriiMichinel: Rt @AnthonyOZ_ QUE TRISTEEJ RT @DanielitaMiau Tus tweets sacados de google no me los vendes?

appuntisulweb: Android Market, Google rimuove diversi emulatori http://bit.ly/mlefKn #Android

DoriiMichinel: Rt @AnthonyOZ_ QUE TRISTEEJ RT @DanielitaMiau Tus tweets sacados de google no me los vendes?

PopstyleWeb: RT @dzairwebhosting Google Panda en France : dans les deux mois à venir ! - Actualité Abondance http://t.co/H2IxZy6 via @AddThis

webmarketing_dk: Referencement Google: Créer une campagne Google Adwords - Tutoriel en vidéo vous montrant en... http://tinyurl.com/67bwzy7 #referencement

xCatherynex: @JulieTurpin C'est vraiment plate :( Tu as cherché sur Google? Y'a peut-être une solution.

Desahmatos: meeu google tradutor, travou :(

djmso2000: Nimbuzz Mobile http://goo.gl/fb/AYxYn

5ct34m: #nuitsujet j'ai #hacké mon cerveau avec #Google

ArianeNicolas: Je demande à Google où se trouve Joué les Tours, il me répond comme Luc Ferry http://goo.gl/PnoHL #wtf

FelipeBoscoli: RT @PepoCF: Deus abençoe o Google.

dzairwebhosting: Google Panda en France : dans les deux mois à venir ! - Actualité Abondance http://t.co/H2IxZy6 via @AddThis

Juliee_Monroe: RT @Jmdesgagnes: Avec mon 17 pouces chromé, le 12 pouces du subway peut aller se rhabiller. (Dans tes dents l'gros Jared)

dnzPHP: #PHP #job - Google Docs PHP class enhancements(repost) ($150) - http://donanza.com/t/3040621 #jobs

Marieme_N: RT @HisAirnessDK: Tu tweet en anglais mais google traduction fait des fautes #jeDisnon

anto_l: RT @jeanlucr Le réseau #Twitter fait maintenant partie intégrale du monde diplomatique (AP) http://bit.ly/kGcBgA, via @stephanekoch

Otyugh: Taper "internet" dans google image. Première réponse : IE. Grande baisse d'estime. Les moteurs de recherche alternatifs, c'est où ?

EstaRutti: RT @HisAirnessDK: Tu tweet en anglais mais google traduction fait des fautes #jeDisnon

djamseed: AP News : Google, PayPal tussle over mobile payment secrets http://bit.ly/j8LzwO

rafaelfarinas: Google stole our trade secrets: PayPal. http://ht.ly/56cie

arrobamidia: Chrome IE: use o Internet Explorer dentro do Google Chrome http://bit.ly/mcM45x

cahuesoares: @LeNunesB Entra pelo orkut, aperta pra entrar pelo Google.

beatleluc: @kick1972 j'ai essayé tonidentifiant@google.ca et tonidentifiant@google.com et ça ne marche pas...

lalobiancheti: @finurafnr sério, esse google tá podre D:

Ardub57: @4h18 Le cadre FB est vide sur Chrome mais pas sur FF

valpakdfw: Google 2 chg 4 directions location extensions http://searchengineland.com/google-to-begin-charging-for-directions-location-extentsions-79011

caaaaaarolina: quem sou eu: Pesquisa no Google...

Jmdesgagnes: Avec mon 17 pouces chromé, le 12 pouces du subway peut aller se rhabiller. (Dans tes dents l'gros Jared)

latestnewsus: Google Eliminates Translate API... http://lastnewsusa.com/google-eliminates-translate-api.html

Jmdesgagnes: @Juliee_Monroe le contraire serait etonnant... 17 pouces chromé le gars... ;)

HisAirnessDK: Tu tweet en anglais mais google traduction fait des fautes #jeDisnon

nathan_brown25: Lawsuit Alert: Did Google Pickpocket Wallet from PayPal? http://t.co/rWcuGlA via @technobuffalo #technobuffalo

TutlePower: Google + MJ Bonanno = Badass tattoos @ChocolateStud96

garatter: 【GoogleCrisisResponse】http://www.google.co.jp/intl/ja/crisisresponse/japanquake2011.html

Lolarunaway: www.google.com/search?hl=es&q=lalo+tita+y+rhodesia&bav=on.2,or.r_gc.r_pw.&biw=1024&bih=649&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi ♥♥♥

DhilipSiva_And: #Android #Google Motorola Droid 3 appears in Verizon device management pages http://bit.ly/l3SimI #DhilipSiva

AgendaLeilao: Lembrete! Leilão de MacBook 13,3" APPLE http://bit.ly/jyvcoz

_vibs: oh google, colabora, ok?u.u

kvt1216: Google Chrome commercials > Apple commercials.

Lou_Manati: Google University

Agnes_Cia: @Jovanovick_Lui wkww, w ud tau liaw, smlm search ‎​ð google :D

lgnap: @EasyMouse oui la domotique en soit est hyper interessante, c'est juste que c'est complexe à implémenter alors si google le facilite...

Leelous: Google Maps pour mobile : en forte progression: Invitée à la conférence TechCrunch Disrupt, Marissa Meyer,... http://tinyurl.com/445ulht

Leelous: Des pirates informatiques attaquent le site Web de la chaîne ...: WASHINGTON — Les représentants de la cha... http://tinyurl.com/3nf7e4c

macinacaffe: Nokia con MeeGo, Apple con iOS e Google con Wallet per Android ... http://www.macinacaffe.org/nokia-meego-apple-google-wallet-android/

_beautifuldecay: @FaithUnscripted oh yes *promptly favourites google on desktop*

Jannet12866: Les résultats de Google déçoivent http://t.co/TBnX3al

Alltop_Canada: Goopilation: [Google Apps] Découvrez Google Apps grâce l’application « Tutobox » de Revevol ! http://bit.ly/j2P9Vm

eqbot: #地震 NIED強震 05月31日07時46分 岐阜県飛騨地方 http://j.mp/iUr0Cw 36.2N 137.5E 12.56gal 7sites http://j.mp/lU69A7

Alfred_Sisley: @Jeff_Lavoie Ça s'appelle de l'aioli et j'en ai jamais vu à l'épicerie mais http://bit.ly/iPfhpY

RJ_DMC: @Luis_lula2 Google Chrome

thefinancepress: $GOOG Google Avoids Paying Billions In Taxes: Google Avoids Paying Billions In Taxes SmartHouse - 6 minutes ago... http://bit.ly/lUmCH9

matvail2002: Attention, des dinosaures en cavale! http://bit.ly/ji6QFO

synovea: Restaurant : PIZZA YVON : Carte et Menus http://bit.ly/lAjqLs #pizza

d_off: PayPal vs Google http://www.bbc.co.uk/news/business-13570725

JudasJonathanGB: Viendo la casa de @arleTteR en google earth xD

Ardub57: @4h18 ça a l'air de marcher chez moi Vista - Chrome - Orange

TwittPhoneArabe: RT @KoffeeHaus Bon Google n'a pas annoncé la mort de Sean Kingston donc j'en déduis que cette rumeur est horrible :0 #PrayForSeanKingston

mauricemendy: Paiement par GSM : vous haïssiez votre banque ? Vous la regretterez… | Atlantico http://t.co/bvL52L0

electronics_now: Google Wallet Mobile Payments Entice Citigroup, MasterCard, Sprint http://ff.im/-Eyz9q

_SuperAcao: RT @Tudo_Celular: Google Maps 5.5 para Android http://migre.me/4FRfn

tomwillsell: Google unveils smartphone pay service, PayPal sues http://bit.ly/m6jovH

DEKEYSER_sa: @DianeBourque Bonjour je pense que http://t.co/pkXmRxy Est pas mal permet d'afficher RV public et pour soit une partie prive. Salutations

JoseLuja: Tu mente Vuela Pero en Google.

balthairsalon: Balt Nail Salon TV Guide's "Nail Files" lands in Natick http://dld.bz/abEqR

yovax: 10 seconds... http://d3uwin5q170wpc.cloudfront.net/photo/128469_460s.jpg http://goo.gl/fb/lkrAk

DellaSykesir72: Authors@Google: John C. Médaille http://tinyurl.com/3hechgv

KoffeeHaus: Bon Google n'a pas annoncé la mort de Sean Kingston donc j'en déduis que cette rumeur est horrible :0 #PrayForSeanKingston

3ndofline: FUKUSHIMA: Panne du système de refroidissement du réacteur 5 http://goo.gl/9KW9R -des pompes de fortune pour pomper l'eau de mer

ILoveeEmmaStone: @eaheckman10 google says 35,000

scrollable dropdown menu items joomla Dropdown Menus Google Chrome See Also