© 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

Default HTML Menu Generator

From this default menu template it is easy to create an abundant amount of vertical menu templates. Put your menu content into using menu items for your web site is just a matter of a few clicks.

Build the menu online

Building your menu online which can be modified to your desires and decorating it without prior knowledge in HTML nor CSS. You can experiment as long as you need, and see the resulting code using build option.

WYSIWYG Editor | code

All principles of this editor is in WYSIWYG "What You See Is What You Get", because you doing the layout itself on-line your results is visible right away so you know exactly what it would look like in the current browser you working on. The code you getting by this WYSIWYG editor is the same code that hides in visual appearance of your current design.

Drop down horizontal HTML menu

This menu also refereed as a "drop down menu" in another words it uses unordered list creating a cascading HTML style sheet the CSS. This is a knowing technique to create drop down menus in HTML pages.

Easy Menu Layout

Customize a layout for your menu never been easy. Add as many item as you need to your menu and perform a drag and drop to arrange it as you need. Even if you don't need the code for CSS itself but only the code for HTML list you can get it using this generator. Due to native skeleton of the menu you can easily add any URLs for each menu item.

This is a Default menu to start testing and create your layout from scratch!

This default menu layout can help you instantly create unique menu templates without prior knowledge in HTML nor CSS. Using this default menu start giving a life to your ideas on a great looking menu designs and themes you have imagine. Navigate "Menu","Foreground","Background" and "Active Items" tabs to style different parts of menu items such as colors, backgrounds, shadows and more. Manage your menu giving attributes - Page Title (Item Title) and Page URL (Item Link). On every step of your design you can generate and download menu HTML and CSS code of your current layout. The menu is build from pure UL - unordered list and LI - list item 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