© 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
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
Level Border Radius
px
Addition Decoration
Main Menu Height
px
Main Margin Top
px
Main Margin Left
px
First Level Decoration
Text
Hover
Back
Hover
Text
Active
Back
Active

Blue Horizontal Menu Template

Take a glance at this blue horizontal menu layout, its free to download and use on your web site or get inspire from. The menu contains round corners and an deeper color shadow is inverted inside, that way each item gets deep look. As for this and all templates in our site you can re customize by your needs. The current orange-blue template can be easy refitted for any site by recolouring it.

Use this Online Generator

We rolled out some videos to "YouTube" watch the on our channel and see how part of those menus are been created. Those videos are ment to show you not just the templates themselves but an detailed examples how to use this generator. Note that we constantly updating our site and in result the code generator may have some changes in its appearance, but its easy to get brief understanding how to use it. Because this generator is build online we recommend to make a use of latest and updated web browsers.

Orange Horizontal Menu Template

To easier your work or a color selection for menu, all colours used in our menu templates are preserved in "Color List". Thus you can fast invert the colors of menu and add new, swap the blue with orange to get this effect. Those menu templates are more that just demonstration they are ready to be integrated to any site due to pure CSS use. For your convenient if only one level menu template need don't hesitate download the whole code and in your site show only one level navigation.

Free Menu Templates

All of our menu templates are "Free Menu Templates" to edit create or download, and will not contain any spam nor commercials inside. To help us give you those menus we will appropriate if you put some back links to our site. It will help us much in site improvement and will stimulate for further work on free concept of creating on-line for "on-line menu templates".

Menu CSS + HTML Code Generation

The code generated for any menu you build or using pre build template style is identical expect the colors, sizes and CSS effects. The major division is in vertical and horizontal codes but mostly in HTML code. For your convenience we added option of download the "generated menu code" as ZIP type file, you can extract it and run the index.html file for fast check if it's build correctly. During all menu customization you don't need to write even an line of CSS nor HTML code everything is done totally automatic. If you experience in web programming and have running an CMS on your web site probably you can change the HTML to integrate with your site due to fact that all menu appearance is defined in CSS.

Express your unique menu style with this Orange - Blue horizontal menu!

This horizontal menu is created using two major colors that gives him an interesting or even exciting look.Play around with colors to get the classical button effect.If you need even more colors for this menu, just start changing it for your needs.Once you finish click on Build button to get the full working HTML CSS code for this menu.

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