HTML5 Menu 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

HTML5 Menu gui screenshot

1) Open HTML5 Menu software and click "Add item" and "Add submenu" buttons situated on the HTML5 Menu 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.

css horizontal drop down menu with columns Html5 Horizontal Submenu Navbar


Free Download

Download Free Edition for Windows OSDownload Free    Trial
for Windows

 

Download Free Edition for MAC OSDownload Free    Trial
for MAC

CSS3Menu Free Trial can be used for free for a period of 30 days.

If you would like to continue using this product after the trial period, you should purchase a Commercial Edition. 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 Trial 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, HTML5 Menu version, link to your page.
css submenu active drupal

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 hover image submenu vertical

Feedback

  •     * I would like to say that Css3 Menu is a stunning lil program! Its almost too good to be true i'd say! I've been looking for tutorials to create a menus, but just couldnt come right. Im so glad i found Css3 Menu!

        * Your ROCK! Your totaly great, I downloaded the css Generator and made only a test with it. GREAT !!!

        * I found your product to be just what I was looking for. But what is the catch, it is FREE? It can't be, unless you are crazy:) This program is awesome! Great job!!

Awards














dnn skin tutorial menu css Html5 Horizontal Submenu Navbar Html5 Horizontal Submenu Navbar Blogs

Drop down menu is driving me crazy!

The site forum Develop PHP webmaster forum offers help and insight into website programming and design. sub menu item horizontal lines */ .navbar ul ul li a horizontal menu:hover, .navbar

Search Results

Re: Sub menu fade? ( 17 Apr 2011, 12:14 am) Re: [Pro] I still have an tab Re: Sub menu fade? ( 28 Feb 2011, 3:08 pm) Re: Need advice on video

Artisteer Web Designer Forums

Web design software and Joomla template generator. more html5 / CCS3 support, especially @font-face. 3. vertical menu fly-out / drop down styling similar to what's available on horizontal menu. thanks!

simple curve top menu css Html5 Horizontal Submenu Navbar Tweet Tweet!

zihnibabuzHTML5 still lagging behind Flash - Edge Magazine http://t.co/zrNaig9

strd6Support up to 8 native joysticks/gamepads in JavaScript on Win/Mac/Linux? Yeah... we got that. HTML5 games are getting legit.

PixiePlatformSupport up to 8 native joysticks/gamepads in JavaScript on Win/Mac/Linux? Yeah... we got that. HTML5 games are getting legit.

Ctrl_Alt_DesignHard at work with new visuals for Firefly & Cvlt, check out this sample http://t.co/kxdR8La html5 webGL angeldustrial

iainspadI hope she wasn't talking about me either! Mine's still has beauty on the inside....with HTML5.....**sob**

ShuntyJYayy they let me keep my same photo for my grown up L (horizontal)..I'm 17 in that pic but look the same lol minus the hair

maryjofoleyIf they are enterprise tablets first, though, why the touch interface and HTML5/JS dev focus/

sachindavidsThanks for the link > RT : Interesting | HTML5 still lagging behind Flash - Edge Magazine http://t.co/r2cfbbR (via )

sdiedericksOne should never place limitations né!? LOL ***not sure about farmville; but it supports flash & html5 - so I guess it will?***

leebrimelowThanks for the link > RT : Interesting | HTML5 still lagging behind Flash - Edge Magazine http://bit.ly/kMkM34

usmntfannike just needs to put a little bit of color to make it less boring. Make the sash blue or red or 1 horizontal line like in the past

freebrushesHorizontal Flowered Vector Banners | free Brushes: http://t.co/ciPOPRA via

varunbakerCool, an HTML5 music video set in Kingston, Jamaica(if you want): http://t.co/mPOai3x html5

gamerheroDJing from my browser on the "Wheels Of Steel" prototype: http://t.co/7QS9Iwb html5

Fokker680RT : HTML5 Game Engine - Ridiculous Number of Sprites on Canvas - Isogenic Engine http://t.co/dYRcToG

ashitano*はてブ24H更新* 03:00-04:00 22users/h 【HTML5 の基礎: 第 1 回 最初の一歩...: 】 [ はてブ24H:http://bit.ly/hb24H ] hb24H

AmberNycholedontjudgeme lol RT : Lol RT : I wonder how many girls he be having horizontal refreshment with ???!

joeymelchFor anyone that owns a black and white horizontal striped shirt, throw it out immediately. It's not cute. You look like the Hamburglar.

miketaylrwhich standards are you referring to? last i checked HTML5 didn't standardize codecs, hence your broken <video>

jankeromnesRT : Web Platform Standards Overview: http://t.co/gMjrsdQ Thanks !

komiska3D HTML5 video comes to YouTube | .net http://t.co/abJHppQ

AmalecHackI liked a videofrom http://youtu.be/yjq_xg4iLOw?a HTML5: Etiqueta VIDEO

_jdgApple is *so* behind the curve. Developing HTML5 apps for the playbook is so much nicer with the remote webkit inspector.

KAOSFORGENew projects http://t.co/unR84Yj jquery js html5 css3 qt php videos webdev design udk css html javascript ff webdesign dev

dnzHTML5#HTML5 job - Edit and Fix Wordpress Template (Max. $500) - http://donanza.com/t/3137884 jobs

sonomafairI like your horizontal trellis system. I tried a vertical trellis system this year, but it keeps falling down. :(

SamanthaJTallmahttp://cheaprefrigerators.in/urgent-sony-sel16f28-16mm-f2-8-wide-angle-lens-for-nex-series-cameras freesoftware fsf gnome gnu html5 id

cyntasticaYOURE FUCKING CRAZY! lmaooo, love you though! and it looks cute! i wanted a surface horizontal belly piercing

BRW_549I would do the naked horizontal mambo. #AOTS

societyU25A0How Facebook’s New iPad App is Going to Finally (Help) Kill Flash: Facebook’s new HTML5 based web applica... http://bit.ly/lQPTlX u25a0

U25A0How Facebook’s New iPad App is Going to Finally (Help) Kill Flash: Facebook’s new HTML5 based web applica... http://bit.ly/lQPTlX u25a0

vectorlight4 more Vectorlight html5 games make it onto the ioplay.mobi network, loads of iTraffic

martinreimer#HTML5 Struggles Against #Flash On #Android http://t.co/TIgEm4Y

IndoJaccoRT : HTML 5 video outperforms Flash on mobile devices but Flash outperformed HTML5 in other benchmark categories. via http://ow.ly/5lXtJ

HTMLNewsWheels of Steel DJ App Puts #HTML5 Decks in Your Browser | Underwire | Wired.com http://bit.ly/ku9ZMH via ... http://bit.ly/m7FZpd

buzzgamesWheels of Steel DJ App Puts #HTML5 Decks in Your Browser | Underwire | Wired.com http://bit.ly/ku9ZMH via

custersdotorgRuben Spruijt How #HTML5 remote desktop clients work by : http://bit.ly/iiRsDV: Ruben Spruijt ... http://linkd.in/mPXXZO

moe_millerLol RT : I wonder how many girls he be having horizontal refreshment with ???!

atxhobogrlThe scale is the best part. Or Random street. Left out "only big building with Black horizontal stripes" #IfMemoryServes

Web2RobotRT - Creating HTML5/CSS3 Forms: 30 Helpful Tutorials - http://t.co/uxBUARk css3 html5

AmberNycholeI wonder how many girls he be having horizontal refreshment with ???!

esloofRT : How #HTML5 remote desktop clients work by : http://bit.ly/iiRsDV <- Great article

dj_onitWheels of Steel #DJ App Puts HTML5 Decks in Your Browser http://bit.ly/itU2sA via

vaucherbThe HTML5 player doesn't seem to be working for me. (I can only use it if flash is enabled)

NrudamuLaugzCreative Covering Contact Paper, 18" x 9' Twirl Mint: Adds decorative accents to any horizontal or vertical surf... http://bit.ly/kEv7go

SmiRastCreating HTML5/CSS3 Forms: 30 Helpful Tutorials - http://t.co/uxBUARk css3 html5

Hudson360"Graphics Test Finds HTML5 Struggles Against Flash On Android: by Kyle Orland [Social/Online, Smartphone/Tablet, ... http://t.co/sNCpfKI"

stevesolisAdobe Flash, your constant updates r annoying! But soon, you will join Cassette Tapes & New Coke in the land of Oblivion! HTML5, rescue us!

crismerlapiThe Dangers of HTML5: WebSockets and Stable Standards | HTML5 | HTMLGoodies http://t.co/0K2YGpN

SaronaSosoRT : LULU Satellite Channel can now be viewed on Hot bird Freq 11604 Horizontal Symbol 27500 FEC Auto .. Channel Name DM Digital #Bahrain

AntoinetteCHaashttp://franklin-one.com/shopping-guide/low-price-barbie-the-flower-girl-playset.html freesoftware fsf gnome gnu html5 identica ie

typographyEchoElements of Web Typography Horizontal Space | uriahheep.org http://bit.ly/lrG0Pp typography via: ... http://bit.ly/mj9hXH typography

typeEchoLessElements of Web Typography Horizontal Space | uriahheep.org http://bit.ly/lrG0Pp typography via: ... http://bit.ly/mj9hXH typography

hyperandroidso on OSX 10.6.8 update, safari crashes no more on html5 audio element play/loopback. it was about time . :/

RodSFudgehttp://le-crystal.com/truthful-sony-alpha-nex-nex3ab-digital-camera-with-interchangeable-lens-black freesoftware fsf gnome gnu html5 i

HTML5GrindHTML5 Game Engine - Ridiculous Number of Sprites on Canvas - Isogenic Engine http://t.co/dYRcToG

Clodagh4RT : HTML5 video outperforms Flash on mobile devices http://bit.ly/kI9aOa (by ) yam

meipiRT : RT : HTML5 Elevation with Google maps http://dlvr.it/Xh6pV #GIS cartography: RT ... http://bit.ly/jjtV7d

patyjohnstonI'm at Condominio Horizontal Park (R. Monet, 600, Cotia) http://4sq.com/kZvor8

tizetiruvAmerican Power Pull (AME34001) 600 lb. Capacity Hand Truck: 10" ball bearing wheels Vertical or horizontal loadi... http://bit.ly/lNUNgJ

emilyengdahlit's why I have the booty to support horizontal stripes. :) Like a sexy zebra.

PetroviousHTML5 slideshow has disappeared since bug fixes. Could there be a connection? www.petrovious.smugmug.com

proximowebshtml5, css3 and jquery have infiltrated my life, and taken over.. for now at least :)

KNDesignRT : Feel the TRUE power of HTML5 <canvas>, <audio> and CSS: Nyan Cat HTML5+CSS: http://ht.ly/5pNnh /via html5 js

danielchow77How do JavaScript closures work? http://goo.gl/fb/paSiq html5

rspruijtHow #HTML5 remote desktop clients work by : http://bit.ly/iiRsDV

top_tw_techRT : Design websites at any resolution w/ - a web animation & transition tool using #HTML5, #JavaScript & #CSS: http://adobe.ly/k1Mgco

weaselloRT : Benchmarks showing the gaming performance of Flash VS HTML5 canvas on mobile devices. Flash haters: Suck it. http://bit.ly/k0nIkv

alexkinsellaThanks for the time! Great talking about , HTML5, and beer! Here's the link for the Ripple emulator http://t.co/akRKUKt

scigglesMade my first foray into html5 today with canvas and jscript for a graphing tool, looks promising :)

LegendaryPatManSweet! I'll take that! Even if I get one here! The horizontal ones are really hard to find and that's the one I'm trying for!

Mjb707BBC 4 - Glasto. Don't like too much Blues but this is making me horizontal ! fuckingchilled

tomharariRT : An interesting read - RT : What Potential Impact Can HTML5 Have on SEO? http://bit.ly/mIshfd

benmarteInteresting | HTML5 still lagging behind Flash - Edge Magazine http://bit.ly/kMkM34

JQueryBotvia If you haven't already, check out the new jCanvas v3.0 (http://t.co/X7sFF1H) jcanvas jquery javascript html5 canvas

caleb531If you haven't already, check out the new jCanvas v3.0 (http://t.co/X7sFF1H) jcanvas jquery javascript html5 canvas

GamaSmartphoneGraphics Test Finds HTML5 Struggles Against Flash On Android: A new benchmark test performed on a variety of And... http://bit.ly/jFEME2

gamesondeckGraphics Test Finds HTML5 Struggles Against Flash On Android http://bit.ly/jyiFV5

fingergamingGraphics Test Finds HTML5 Struggles Against Flash On Android http://bit.ly/jyiFV5

kiwoxRT : Isogenic Engine: HTML5 Canvas Isometric Game Engine http://youtu.be/nK5zBMbD5Qs by

ajax_jobsHTML5 Ecommerce Marketplace With CSS3 by fshmkt - http://subdomainz.com/8awn

Pat_webRT : 20 Awesome Examples of Retro And Vintage HTML5 Websites http://bit.ly/ieC18l

puppetMaster3RT : Yikes, HTML5 struggling against Flash on android. Good thing unity3d compiles down to apk. http://bit.ly/jtgnbI

tjschillercheck this Rad Program my bro made! DJing on the web! http://bit.ly/j2LpAD

pawelfRT : Web Platform Standards Overview: http://t.co/gMjrsdQ Thanks !

wladsHTML5 location based weather info http://t.co/otUStTT cool html5

jaseemabidworking on html5 storage api. Can expect an "offline paathshaala" :)

ManueBeltranGoogle en los #Cannes Lions con #WildernessDowntown http://t.co/mqSZrfZ #HTML5

jdowdellOdd to hear well-intentioned folks say "HTML5 is a standard". 2000's HTML4 was ISO/IEC 15445:2000. W3C Recommendations are accurately named.

XboxSupportCould you try re-orienting the console from horizontal to vertical or vice versa? (Do this with the power off) ^LB

polmaresmaRT : RT : The future of structured data in HTML and Drupal http://bit.ly/kGi7iY microdata rdfa uf html5 drupal

DarrenSmith72http://goo.gl/UFIDG HTML5 Ecommerce Marketplace With CSS3 by fshmkt: Rapid development of sophisticated and comp... http://bit.ly/iDfIzz

the_gmanRT : RT : Discovered on : What Potential Impact Can HTML5 Have on SEO http://t.co/iSXSLZL

j4m1ebWheels of Steel DJ App Puts HTML5 Decks in Your Browser http://j.mp/mzAkrS (via Instapaper)

hmestersSocial Media=the new horizontal infrastructure for work,especially for knowledge workers. This message meets resistanc…http://lnkd.in/b4agBp

ASPCodersHTML5 Ecommerce Marketplace With CSS3 by fshmkt - http://subdomainz.com/8awn

Consortium_BeauThe Consortium is hiring, know anyone that may be interested in joining a startup? Please RT #HTML5 || http://wreel.me/5

mtbkevWheels of Steel DJ App Puts HTML5 Decks in Your Browser | Underwire | Wired.com http://bit.ly/lG9atj

bobduffylink? RT : pugpig looks like a good HTML5 framework and loved the demo, better than just slides :) minibar

OnlineJobs51http://goo.gl/Eq5EJ HTML5 Ecommerce Marketplace With CSS3 by fshmkt http://ow.ly/1dqWvd