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 floating menu Html5 Menu Navigation


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.
black css drop down 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). css drop shadow on menu

Feedback

  •     * I LOVE your free software tool and will purchase the business version shortly.

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

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

Awards














css3 sliding menu horizontal Html5 Menu Navigation Html5 Menu Navigation Blogs

RapidWeaverFAQ.org - Forum

Forum - E-Book. About this plain english website (show) My technical jargon very own mission and the tools goal of this changing the world website is to show you what you can do in Navigation(show) - Tear down menu - Drop down menu - Accordion menu - Sliding image menu - Color fading menu

LadyPrism Forum Template | PHP phpBB Modules

LadyPrism Forum Template. PHP phpBB Modules from Hot Scripts. Orange and greens to match the user reviews faerie banner at the inet top, navigation links are buttons and the greens post buttons roll over to match the privacy policy navigation menu. Hom

Support Community and Forum | Wix.com Answers

Find answers to Wix-related questions here. Publish any question and get help from Wix users and Wix Support Team. Tags: menu, pages, page parts, navigation, add-bar, editor, drop down menu, feature request, page manager, wishlist

General Webmaster Forum | Cafe Webmaster

Drupal navigation menu disappeared. 0. 2 years 12 weeks ago. by Anonymous. n/a ajax. CSS Tree-Menu (Dynamic) 0. 2 years 12 weeks ago. by Knowledge of html5 and css3. 5 weeks 5 days ago. CafeWebmaster.com(CW) is a cafe free online community for webdevelopers and beginners

Getting a MenuID from a FolderID

The web developers Ektron DevCenter provides resources for developers working with CMS400.NET and other Ektron products. Check it out for news, samples and Forum Topics. How to get all members of a activity streams user group (4/28/2011) Unable to use an welcome your feedback External URL link for a new exchange sub-menu (4/27/2011) Ektron and HTML5 (4

10 Best Free PHP Forum Scripts | DevSnippets

In this thompson article we reviews 10 best PHP forums scripts HTML5. lists. Menu. Navigation. Portfolio. Showcase. Template. Tooltip. Tutorial. webdesign. Web development. AJAX. CodeIgniter. CSS. CSS3. Database. Javascript

Any idea when the chillisoft will be available? - Bugs

Pure ASP Upload 2 offered one of the tutorials best Dreamweaver integrations! It included a dreamweaver extensions great deal of extremely useful and easy to use Universal CSS Navigation Menu. HTML5 Image Enhancer. HTML5 Video Player. Sliding Billboard. Sliding Panels. Sliding Menu. Featured Extension. Extensions Yearly Subscription

Website Specific Forum | Auburn Multimedia Users Group

Idea for new forum. 3. 5 years 17 weeks ago. by stonema. 5 years 17 weeks Active forum topics. Reminder: Adobe Videoconference on CS 5.5 @ 10:30

probably stupid but ... what overlay ? - General - Support

Use Fish Eye Menu, to create fantastic fluid menus with a overlay Mac OS X toolbar look. Use FishEye menu for your image galleries website, make galleries, portfolio's, menu's or anything else where you need a gilles cool navigation. All without Flash, pure JavaScript and CSS

Drupal Navigation - University Web Developers

I've been looking over porting our browser homepage school's site (www.atlantic.edu) over to Drupal. I was curious if anyone has any suggestions as to the system administrators best way to setup nav

Forum:Weird alignment issue in IE - Wikia Community Central

I'm getting a strange alignment problem when I test this central forum wiki skin in Internet Explorer. When I mouse over the weird alignment navigation menu, the internet explorer wiki background shifts half a navigation menu screen to the test right and looks ridiculous (screenshot)

Garden Gnome Software Forum RSS

Gyroscope Navigation. V3.0 and Internet Explorer. Version 3.0 Reference Error. New Version HTML5 Playback Problem on iPhone 4. ouput for ipad. HTML5 / Website Help. simplex skin. does

Menu - ViMP - Video Media Products

ViMP.com (en) > Support > Forum. Support-Forum. Index > Layout and Templates > Menu. Message #1423. Acedog. Posts: 8. How do you add an smartphone item to the feedback forum main navigation bar? Thanks. 08.03.2011 00:33 The backend file that creates the shopping cart menu is templates templates/default/templates/frontend/start/_simpleMenu.php

HTML5 Fullscreen Suggestion - YouTube Help

When using the youtube newest version of chrome on OSX 10.5; with the chrome HTML5 feature enabled, I encountered an issue with the newest version fullscreen. When I went fullscreen, the help forum regular chrome navigation bar, and my search menu bar were still on-screen; something that

About html5 support

About html5 support, I work on it, the fallback last js script from Longtail video who allow fallback from flash to html5 have always the playback mode same bug that I described 4 months ago : http://www.j

Beginners CSS Questions | CSS Creator page_158

Small Navigation Problem: Menu (List) Wont Display Horizontaly. Super Neet-o article on Interesting HTML5/CSS3 site for hockey fans. wordpress image caption float issues. more

Roxigo Support Forum " Recent Topics

mediafyah on "Navigation Menu not showing" urbanryno on "C3 Fuse Framework Does not richard.beatson on "Inserting a payment service Sub-menu breaks the gallery bottom drop-down"

Flowplayer Forums -

It has the forum user option to pause when hovering over navigation but not items. scroll and reset the pause autoscroll timer after direct navigation occurs

Ruby on Rails Tutorials (Forum & Guestbook)

Share your tutorials Tutorial about Ruby on Rails Tutorials. Navigation and Layout + Perl RSS Feeds " Basic " Database + Ruby on Rails RSS Feeds " Basic " Database " Forms " Forum & Guestbook " RSS Feeds " Security " Tips and Trick. Most Viewed Tutorials This website layouts Month. Vertical Menu with JQuery Toggle Effect. Image

Forum | Digicrafts Flash Components for Carousel Menu, Cover

Navigation Menu. Menu 01. Gallery Plug-in for Lightroom. HTML5 Photo Gallery new | HTML5 Forum. User forum. We are preparing the navigation menu user forum. Be patient. You can follow us on

Navigation menu with chosen URL: having a new function

Navigation menu with chosen URL: having a navigation menu new function

CakeForum, lightweight CakePHP powered forum | blogfreakz.com

CakeForum is a graph fast and lightweight CakePHP powered forum software with very basic functionality. It is being actively developed and new features are popping up HTML5. Icons. JQuery. Light Box. Maps. Menu & navigation. Mootools. Prototype/script.aculo.us. Framework. WordPress. WordPress Themes. Web

CSS3 PIE Forums - View topic - :hover behaviors

i'm starting a webkit website in HTML5 and CSS3, and i use CSS3PIE to get it. I'm working on the nav menu (navigation of the prestations website) and have some problem with : I wonder if the radius problem is not caused because I already use a body gradient background on the element "navigation" (nav element in html5)

chrome css drop down menu onclick Html5 Menu Navigation Tweet Tweet!

jewishbloggersThe Perfect Shavuos Menu http://j.mp/lNy6WD http://j.mp/cmwr23 ⒿⓄⓎⓄⒻⓀⓄⓈⒽⒺⓇ

PatDussaultAlready got my own 'off-menu' item @ icehouse. My favorite spot in Montreal right now.

bioRex21.@douradohello I was talking about sites having that kind of buttons :P (like this menu on the left http://bit.ly/PkZmr)

iainfauldswas that not on the menu in Bahgdad?

GarySeipleJust installed on my iPhone - it's a free navigation app with fun gaming & social elements! http://bit.ly/WazeHomePage

mrkillindagamerthey got it back a min ago and they tookk the navigation and the rims but they were factory rims still id get it

stephani2004oh. you can go to the update wizzard. it's in the start menu, all functions i think. but for me, it just comes up.

SparksheetSo the web will live, but an iPads, not as apps? Re: The first magazine only made with HTML5 http://me.lt/1E23W

parisvegaKuhBlaow! Create HTML5 animations without code: Hype 1.0 http://bit.ly/ivwAxl

belieber324RT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

ThaTGuYStepHRT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

texusgirlOn the menu: reading Tempest Rising by Tracy Deebs and #STEEL by Carrie Vaughn

bryansmith237Making HTML5 and CSS3 work with polyfills and shims | .net http://t.co/aGEfHoX http://bit.ly/iTmqjo

Open_SimRT : We added a FAQ for our recently announced Starlight grid. http://www.firesabre.com/starlight-menu opensim

Masato1022Yep, what kind of menu bro?

Aerys_RamsRT : We are getting ready to head to the hospital as we speak. BJC Medical Center~11am. Wish us luck! Menu here http://fb.me/X6KwwxTe

Fri325ING#NewTheme Quick menu os7 icons. http://lockerz.com/s/105216086

huskermaniaBurger Star might be an Omaha thing. http://bit.ly/lkeO38 I'm pretty sure Freddy's is a chain. http://bit.ly/aRn4ai

ibmkhdIn IE, iFrames on Pages in Quirks Mode Also in Quirks Mode | CSS-Tricks: If you are creating a page using HTML5 ... http://bit.ly/lgAFev

ibmkhdWhat is HTML5 infographic and Ultimate HTML5 Cheatsheet: HTML5 is a language for structuring and presenting cont... http://bit.ly/mgTxDA

DunnBrosNashWe have Beef Chili and Chicken Alfredo soup on the menu today for lunch!

PiTruckSTLWe are getting ready to head to the hospital as we speak. BJC Medical Center~11am. Wish us luck! Menu here http://fb.me/X6KwwxTe

enfiniLunch menu: refried bean enchiladas with chipotle cheddar, black bean and corn salad, chips and salsa/guac for snacking, and horchata!!!

she_my_bonnieonlykeyonna got the free lunch menu in her pocket

teachemupI'll start "I saw a werewolf with a Chinese menu in his hand" greatlyricsinbadsongs

designlabCPHRT : 20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates http://bit.ly/mav93Y

LivingSocialYou're making us hungry over here just thinking about their menu! Nom nom

odelocolowTrain hardcore..Menu hardcore too..Alpukat mix telur juiced !

TerraComNoraWhat's on the menu at Seasonal 56? Locally raised Muscovy duck, pheasant, lamb, chicken and beef, all manner of veggies. Chef adds flair.

HillaryeeHmm why is there garena messenger in my start menu. HMM.

html5aldenteRT HTML5 Shelf: a nice tumblog with recent #HTML5 techniques, tools and resources - http://t.co/mxcDqEC by

Eze_Like_SundayRT : RT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

NomixxxRT : Good guesses everyone, but it's actually (drum roll please...) #FriedChickenFriday! What piece or menu item will you celebrate with today?

allcssjobs#Freelance css job- URGENT: PSD to HTMK5 / CSS 2-3 http://goo.gl/fb/R7lJz

viviana_GVRT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

HerStoryCafeI just posted my menu to home page: www.HerStoryCafe.com for the festival. the start time is getting closer! So excited! and nervous :o)

mdf200The current HTML5 code was done so quickly... it's like someone else wrote it. Someone really clever and handsome though :)

Dontral1the menu says "boneless chicken" I'm not sure what it is but I damn sure eat it lol #ChineseKitchendiet

morganfletcher: HH, have your web person look at your site-- your navigation menus are being hidden by the images in the main part of your page. <3

ceojerry1RT : Vertical Scroll Menu with jQuery Tutorial http://bit.ly/lEJvZr

bc3techRT : Turn by Turn #Navigation for #WP7 http://bit.ly/m3QDPz windowsphone

lethersRT : Ourt menu for next week and some news on our new venture, One Tree Coffee at the Marylebone Cricket Club http://kaffeinelondon.blogspot.com/

mytoryMoving markup towards HTML5 – Paul Hayes http://t.co/XBZqbkg fb

rocketronnie10Help with Dolphin 7.0 Menu (paying) http://bit.ly/kVTmZ4 jobs job #Freelance

thebeernutLovely 4-cheese tortellini and speck in La Taverna. They've really put in the effort to ruin the menu in that place, but so far have failed.

BeYOUteefullli had a dream i went to Taco Bell and ordered everything off the menu...lmbo fatfat !! gotta tell Zae abt this one !

urPotentialTimeVegetarian Cookbook - 1,000 Healthy VEGETARIAN RECIPES (Cooking eBook with Easy Navigation) + Free PDF http://fun.ly/ljbs

html5aldenteRT Comparing #Mobile Web (HTML5) #Frameworks: #Sencha Touch, jQueryMobile, jQTouch, #Titanium http://t.co/BvnOm6t

doveyeBut me n my sweet teeth r going out now to a place that has an elaborate dessert menu But i don have my cam today :(

MagicOfficial1whats on friday nights menu??

abbygirlsweetsFriday's Menu: Flavor of the Week: Snickers N Chocolate ...... Classics: Double Trouble, Peanut Butter Cup,... http://fb.me/Glj4wGH0

ledadvantageLEDADVANTAGE Angel Eyes Series Port & Starboard LED Navigation Lights - Brand New Style - Piano Black $44.95 http://bit.ly/mbSPDj

Hoggys#Hoggys New Menu Item "Kansas City Burnt Ends" Sandwich: the most intense BBQ experience, now in a sandwich. Must try! http://ow.ly/4WPeH

tulsatechToday's Lunch Menu (Riverside Campus Only): Chicken Strips $2.75, Vegetable plate $2...yum!

LiL_Bam_912da devil iz a lie,u better pump somebody gas so u can get somthin from da dollar menu

geekjamesFRIDAY FRESHNESS ! Our from-scratch Friday blackboard menu is now posted at http://bit.ly/TTCSpecials.

TaketheCakeCafeFRIDAY FRESHNESS ! Our from-scratch Friday blackboard menu is now posted at http://bit.ly/TTCSpecials.

Qium3iRT : Waitress: 'Do u have any questions about the menu?' Me: 'What kind of font is this?'

_ChelitaaRT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

_megroseI was at Denny's yesterday and they have a separate bacon menu!

BeatlesFan1222I love reading menu because it has ME-N-U

LS_HealthRT : Earl's for lunch today? You can get nutrition info for your meal right here: http://ow.ly/54pWw

designlabCPHMaking HTML5 and CSS3 work with polyfills and shims | .net http://t.co/aGEfHoX

LETMOVEThis is the place to be in #Wakefield. 2 bed apartment in riverside development http://ow.ly/54wWp

MrEspinalHTML5 visual cheat sheet [PDF] pretty handy. webdesign http://t.co/S1ukJsM

CheenaLovesRT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

ledadvantageLEDADVANTAGE Angel Eyes Series Port & Starboard LED Navigation Lights - Brand New Style - Gloss White $44.95 http://bit.ly/iC4anB

kimbuibuiWatching 3hreevoices now. DAMN THE MENU PAGE IS FALLEN LEAVES IN PIANO. WAI LIKE THAT SO PRETTY? T_T

HTMLNewsRT : Comparing #Mobile Web (HTML5) #Frameworks: #Sencha Touch, jQuery Mobile, jQTouch, #Titanium « In... http://bit.ly/lXgmqR

Firefox4BrowserBy combining the power of a HTML5 based 3D playback (available in _Firefox 4_) and NVIDIA's 3D Vision hardware,... http://dlvr.it/TCmlZ

cafedulacFellow foodies/Quebeckers-adding some items to our fab Quebec menu and am curious to find out what our customers might like...

MAPhotosUKSee when you go on Menu and you Have like 39 seconds to make your decision yeah their scrapping that in fifa 12 :D

Lady_AlaRT : New item on the monster menu! Red Frenzia mixed with 7up + Marachino cherries. Tht's how we'll ALL b drinking it 4 now on. monsterfact

SorianDi_FRT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

waltalAnd you thought HTML5 was an actual standard supported by all popular browsers...gotcha! It's a flippin' nightmare

cobbswoodstockHappy Friday! Come check out the new specials menu, Cobb's Canadian Nachos with braised bacon, mozzarella curds... http://fb.me/Yk5iYptH

Fiaz83"@ispeakswag: Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?"

zooey02RT : Seen any of the race trucks in town yet? If u hit them this wkend I'd luv 2 see pics of food & menu boards Esp thelimetruck TY

rplanNew on Beating Broke The Benefits of Weekly Menu Planning: The Benefits of Weekly Menu Planning is a post from: ... http://bit.ly/iKLKev

etnicorestobarOTOÑO 2011* VIERNES 27.05* OPEN 12:00 HRS* MENU EJECUTIVO E HIPOCALORICO $ 4.000* THE BIG HAPPY HOUR DE 16:00 A 22:00 HRS* MUSICA EN VIVO

monosoftwareRT : Comparing #Mobile Web (HTML5) #Frameworks: #Sencha Touch, jQuery Mobile, jQTouch, #Titanium « InterfaceT… http://j.mp/mvYuS0

WIPhilharmonicOld World Wisconsin has released its for next month's concert. http://www.wisconsinphilharmonic.org/documents/Concert-Menu.pdf

MichLancasteryep, we're fans of but got there too late to try any of logan's new stuff on the menu. Cheese = tops tho!

puffs_pastriesBALTIMORE BURGER BAR MENU http://www.foodequalsart.com/2011/05/bbb-opening-menu.html OFFICIAL OPENING 11am , Tomorrow!

GalenMooreUh, nothing, I guess. Unless you're on Zuck's dinner menu this week.

JanineHogginsRT : 2 for 1 Tasting Menu SALE still going strong, that's 2 x 6 course meals for just R240! Crazy. We know :)

mush_brownRT : RT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

bisoubistroSpecials/Events for Today: Happy Friday! Prix Fixe Menu $26 for 3 Courses 5:30p-7:00p

FVPulseRT : Starting in June, Seasonal 56 will be open for dinners only, Thursday through Saturday. Menu sourced from locally grown and raised foods.

TatuBaltimoreSpecials/Events for Today: Happy Hour! Tues-Fri- 1/2 priced menu of select sushi, appetizers and speciatly cocktails 5:00p-7:00p

ZMBCafeSpecials/Events for Today: Pierogi Happy Hour! Monday thru Friday- .25 cent Pierogis and $5 drink menu! 5:00p-7:00p

SAJHT6RT : Is it just Me, or does "Waka Flocka Flame" sound like something on the Burger King menu?

TheShed1Specials/Events for Today: Amazing Menu and Weekend Wine Deals! Go Ahead...BUY the Bottle! $20 Wine Deals! All Day

nestnestnestI leave you with happy thoughts for the holiday weekend --menu, flowers & fun: collage on Nest by Tamara http://nestbytamara.tumblr.com/

designlabCPHHow to create offline HTML5 web apps in 5 easy steps | CatsWhoCode.com http://bit.ly/jB1SN1 RT

Findogs96RT : US followers support the #FoodRevolution TONIGHT on ABC 8/7c & lets get healthy food back on the menu.Well done and happy birthday Jamie .

baublebardrooling. RT A little Memorial Day cul-inspiration for anyone who's still searching around.. http://bit.ly/k6pCen

fatlosspillEating Caveman Style: Paleo Diet Food List and Example Menu http://bit.ly/lFOGP7

fatlosspillEating Caveman Style: Paleo Diet Food List and Example Menu http://bit.ly/mTmeHh

Liz_UptonI hope you make a killing. It'll be fab to go and know that the buns aren't the only good thing on the menu. (They used to be…)