© 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

Red Line horizontal menu template

This menu contains horizontal red underline and displays triangle upon mouse over, both elements are unchangeable but made with pure CSS code. All other levels and sub menus are can be changed and restyled by need. This menu shows an beautify clean and easy to navigate design. An combination of those three colors red, black and white gives it outstanding appearance.

Where and How to Use This Menu Generator

We working hard on this "Menu Layout Generator" and offering it absolutely free of charge, due to lack of time and constant updates ho help current available on one hand but in other we created a few videos that can be found on our youtube channel. The menus from our generator are can be used any where you need because they are pure CSS layout, the HTML is simple and principle for an jump start. If you run an CMS on your web server you can easy re modify them, if your site runs a clean HTML than you can start use them right away. For quick help when you working place a mouse pointer over item in ribbon and you get fast bubbles for each object.

Not just horizontal menus!

In our site you can build not only "horizontal menus" but in addition "vertical menus" to. All menus are can be decorated up to three sub menu level deep, but if you need you can decorate only the first one and use it as one level menu on your website. Remember all menus are as is and using What You See Is What You Get because our generator is running on line.

UL LI and DIV's as menus

As know an classical way to create any menu for the website is using unordered lists and list item elements, although it may not validated under W3C if such containing an DIV tag elements inside. Nevertheless this is totally supported and compatible not just by an old browser but modern to, and should reflect the same with no exception.

"CSS Menu Creator"

The reason why this CSS code generator considered as an menu generator and not just an a Creator because you is the person that stands behind the scenes. We give you the ability of using your imagination to style and decorate the menu appearance but the code behind it is up to us. As just as simple YOU Create and WE generate.

This is a ready to use "Red" horizontal menu layout!

Although this horizontal menu is eye catching you can restyle it even more using HTML5 CSS3 editor online.Note that in this menu the bottom red line and triangle are not changeable although they are created with pure CSS elements.

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