© 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

Free vertical menus

This is an free vertical dark shadowed drop down menu composed of white and black colour contrasts. The text for each menu item is white coloured an active / selected item using black colour to show web site navigation position. Items background is grey coloured but once mouse over it the colour will respectively changes to black, and so combined with outer black shadow this way the user can easy see where he wants to proceed his next page on site. You can change it for other colours, remember it's absolutely free!

Where to use?!

Our site divided in two major sections of vertical and horizontal menu styles. The current vertical menu can be used in any left, right or both HTML page sidebars, those menus are pure CSS so you can adjust them to any CMS system or plain site. No matter witch server platform you use accommodation should be very simple, alternately it's another example to aspire.

The simple colour combo

Black an white colours combination is very know and many site owners make the use of these colours to make their sites look shadowed in one hand but simple to design on other. No need in heavy decoration nor design specialist to make a site look good. An correct colour selection to sites template can create astonish look and feel for both simple and complicated web site no matter what content its holding.

The vertical template

Once you like this vertical menu you can easily create same style horizontal menu in few minutes. There is no need programming knowledge to inspiration from this menu template but do verve for creating your own, if you like it click 'Build' and download the generated code.

Absolutely free menus

Our motto is give and you will get back. All our menus are totally free to be downloaded even if you create an custom menu vertical or horizontal we will not claim for it nor take its ownership. But if you find some bugs please report us so we can fix them as soon as possible and improve the processes of code generation and creation. Another way to help us in stimulation give us your like or tweet, of course g-plus or sharing it on linked-in will be more appraised.

This is a Black Grey vertical menu layout template!

If you need a more darker shades for vertical menu bar that will suit a dark colors web site, this menu is a great jump start! All items are holding the same black and grey themes what makes them suitable for one menu level as for two or even three sub menus cascading style sheet menus. Also this menu hides a long transition effect so all the sub menus are "appearing" slowly and "fading" respectively.

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