Item Title
Item Link
New Item
+
Edit Menu Items
Build
Export
Export
- Menu
- Text
- Foreground
- Background
- Active Items
- About
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
Color
Letter Spacing
px
Font Size
px
Line Height
px
Font Properties
Shadow
Color
Color
Shadow Offset X
px
Shadow Offset Y
px
Shadow Blur
px
Text Shadow Decoration
Back
Color
Color
Item Width
px
Item Height
px
Items Property
Border
Color
Color
Border Width
px
Border Radius
px
Border Decoration
Select Item Image
Shadow
Color
Color
Shadow Offset X
px
Shadow Offset Y
px
Shadow Blur
px
Shadow Spread
px
Shadow Parameters
Back
Color
Color
Select Main Image
Shadow
Color
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
Hover
Back
Hover
Hover
Text
Active
Active
Back
Active
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.
