Online Builder of CSS-based Vertical Menus

To create the code of your menu just fill in this form and click the Generate! button.

Menu Name:

Menu Width: px (Empty = fit to Max width)

Images sub-directory:
If you store images in the directory with the css file, then empty the field.

Menu Items:
!StrongHTML Home;StrongHTML Homepage;http://www.stronghtml.com/;_blank Online Tools;Online Tools;http://www.stronghtml.com/otools.html Software Tools;Software Tools;http://www.stronghtml.com/tools.html Contact;Contact Us;http://www.stronghtml.com/contact.php Link to us;Support Us;http://www.stronghtml.com/linktous.html !Online Tools Tool1;Tool1 Title;http://www.stronghtml.com/ Tool2;Tool2 Title;http://www.stronghtml.com/

- One string = One Menu Item
- Format of the Item String: NAME;TITLE;URL;URLTARGET
- All parameters in the string are optional
- If a string begins with ! , then the item = Menu Caption
- If a string begins with > , then the item = Current Item

Generated Vertical Menu

PREVIEW AREA

Installing the menu on your website

1. "Right-click" these two pictures and save them as-is into the Images sub-directory of your website.

vmenu4bg.gif

vmenu4obg.gif

2. Paste the following code to the CSS file that is used by HTML pages with the vertical menu. Attention: you may not remove/modify our copyright notice inside the code.

CSS CODE

3. Paste the following code to the HTML pages where you want to have the vertical menu. Attention: you may not remove/modify our copyright notice inside the code.

HTML CODE