© 2014 by Roman P

Item Title
Item Link
New Item +
Edit Menu Items
Generate HTML CSS code for design
Build
Export
AbCd AbCd AbCd AbCd AbCd AbCd
AbCd AbCd AbCd AbCd AbCd AbCd
Text Fonts
Normal
Small-Caps
Font Variant
Normal
Bold
Font Weight
Left
Center
Right
Text Align
Font
Color
Letter Spacing
px
Font Size
px
Line Height
px
Font Properties
Shadow
Color
Shadow Offset X
px
Shadow Offset Y
px
Shadow Blur
px
Text Shadow Decoration
Back
Color
Item Width
px
Item Height
px
Items Property
Border
Color
Border Width
px
Border Radius
px
Border Decoration
Remove background image Click on image to set as background
Select Item Image
Shadow
Color
Shadow Offset X
px
Shadow Offset Y
px
Shadow Blur
px
Shadow Spread
px
Shadow Parameters
Back
Color
Remove background image Click on image to set as main background
Select Main Image
Shadow
Color
Shadow Offset X
px
Shadow Offset Y
px
Shadow Blur
px
Shadow Spread
px
Shadow Parameters
Border
Color
Border Width
px
Border Radius
px
Border Decoration
Margin Top
px
Margin Left
px
Margin All
px
Margin Right
px
Margin Bottom
px
Margin Parameters
Padding Top
px
Padding Left
px
Padding All
px
Padding Right
px
Padding Bottom
px
Padding Parameters
Text
Hover
Back
Hover
Text
Active
Back
Active

This is a Color Play cascading drop out vertical menu!

As you can guess the color play stands for most four commonly known colors. This smashing vertical menu composed from four base colors: red, green, orange and blue. The outer frame of the menu level is using extensive shadow spread and blur that result in flourish effect. This vertical menu template can suit any web site by it's catching eye appearance and give a user positive feelings. Tip: as for any menu in this web builder the colors that present in template also saved in color list,use them for fast color switching!

HTML Menu Bar

This free code generator create any menu navigation bar using standard HTML list. Populate the menu explorer list with your sites titles and HTML URL's. The current menu layout can be changed to any vertical drop out menu with few easy steps. Note for color list where you can easy change the menu bar layout appearance.

Menu Active Item

As you notice you the first menu item is an "Selected"/"Active" state, its meant to show user where he is currently in the menu. The active state for this menu item lets you easily know what's up and where you are at on a site. Change the background color of this active item to half or full transparency, once it combined with opacity each sub menu result in different color if you set the opacity to zero only one color will dominate the selected item..

Light or Bold Menu

This menu is "slim" but you can easy make it "bolder", just change the text to bold and increase all the border values in few pixels. This will drive more users attention to your web site, start to try it our right now, you can always refresh this web page to return to original menu grid layout. Remember give your user awesome navigation responsive web design.

Submenu CSS HTML Example

If you need help with any submenu CSS HTML example just click on build button to get the code behind. The CSS and HTML code could be examined directly on site or downloaded via ZIP archive file for further examination. The give code is clean CSS and HTML no JavaScript nor hidden stuff, if you like it build more menus and see the difference in HTML and CSS from vertical and horizontal menus layout.

Download Free CSS Menu

All menus in this site are absolutely free to download and implement in any web site, no spam nor hidden commercials. Create any menu layout grid and use it any where you want we will not claim any charge nor rights for any menu you build using this creator. But well appreciate if you paste an back link to this site.

Pattern Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Ornament Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Texture Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Custom Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Other Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background
Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background Click on image to set as background
Update your web browser and enable JavaScript for full "HTML Menu Generator" support Update your web browser and enable JavaScript for full "HTML Menu Generator" support
Drag marker set brightness Update your web browser and enable JavaScript for full "HTML Menu Generator" support
Drag marker to set opacity Update your web browser and enable JavaScript for full "HTML Menu Generator" support
R G B Opacity
Submit
Apply
Cancel
Menu Explorer
Second Level Menu Appearance

Third Level Menu Appearance

About Menu Layout
Exit- Close
  • ID as selector
  • Class as selector
  • Plain HTML
  • Wordpress
  • Download ZIP file

To build a HTML CSS website layout for your menu
Visit : www.Blended-HTML.com