Javascript Drop Down Header Menu Tutorial

Save project. Save your image buttons as html

You can save current project in the project file (*.xwb) or into the HTML file (*.html).

How To Insert Html Code Inside Javascript
Javascript Drop Down Header Menu Tutorial

Widest cross-browser compatibility

The html menus generated by Vista Buttons run perfectly on all old and new browsers, including IE5,6,7,8, Firefox, Opera, Safari and Chrome on PC, Mac, and Linux. Vista Buttons menus have a structure based on HTML list of links (LI and UL tags), readable by any search-engine robots and text browsers.

Website Menu Buttons Mouseover
Javascript Drop Down Header Menu Tutorial

Overlap all Html Elements on the Page

Submenus drop down over all the objects of the page (select, flash, object, embed).

Download Iconos Windows
Javascript Drop Down Header Menu Tutorial

Text-based menu

You can create a menu with text-based top items. Such menu will be loaded more quickly on your website (in comparison with image-based navigation).
Menu structure is comprised of HTML nested UL and LI tags. Standards compliant menu structure is simple to customize and update.

Setting Button Target

Javascript Drop Down Header Menu Tutorial Screenshots



Javascript Drop Down Header Menu Tutorial

Menu, Button, and Icon Collection

Javascript Menu Builder provides huge collection of 1400 web buttons, 6600 icons, 300 ready-made samples, so you'll create really nice looking menus and buttons with little or nodesign skills at all! Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, tab menus, drop down menus will be a breeze!

Button and Icon Samples

Javascript Drop Down Header Menu Tutorial

How to Use Javascript Menu Builder Menu Generator

  • To create website buttons you should choose the number of buttons in menu. Let's take 5 for example. There is one default button already in the menu. So let's add four more buttons. To do it you should click "Add" button situated on the button builder Toolbar four times.


    You'll see that there are 5 buttons now in the work area.



  • Now it's time to define the menu's orientation. Let's say you want the menu to be vertical. To do it choose "Vertical" in Menu Orientation list on the button builder Toolbar.


    After doing so the menu orientation will change to vertical.



  • Choose the menu type. To change the menu type just select new type from the Menu Type list.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds. Specify various values for spacing and padding for the whole menu and for each separate submenu. Create separators using your own pictures, size and alignment.
Javascript Drop Down Header Menu Tutorial

Support

Please contact Customer Support at (please include template name in the message title)
Buy Now!Free Trial Download