WEB BUTTONS HOW TO'S

XP
- XP Style Blue
- XP Style Olive
- XP Style Metallic
Vista
- Vista Style 1
- Vista Style 2
- Vista Style 3
- Vista Style 4
- Vista Style 5
- Vista Style 6
- Vista Style 7
- Vista Style 8
- Vista Style 9
- Vista Style 10
Tabs
- Tabs Style 1
- Tabs Style 2
- Tabs Style 3
- Tabs Style 4
- Tabs Style 5
- Tabs Style 6
- Tabs Style 7
- Tabs Style 8
Common Style
- Common Style 1
- Common Style 2
- Common Style 3
- Common Style 4

QUICK HELP

Click "Add button" and "Add submenu's item's buttons to create your menu.

You can use ready to use Templates. To do it just select theme you like in the "Button themes" and "Submenu themes" list. Then you can browse this theme's button backgrounds. When you find a button background or submenu theme you like, double-click it to apply.

Select vista button or submenu by clicking it and change button appearance for normal and mouse over states and set buttons/submenus link properties and link target attributes.

Save your menu as project file, as HTML page or insert your menu into the existing HTML page

HTML MOUSEOVER DROPDOWN MENU

Press "Edit Properties..." button to edit button edges width. By default, when you add new button, its edges widths are set to 5. But if you will change preview button size to 100x50 or bigger, you will see that some image elements look "fuzzy" (left image on the picture below). It happened because the play buttons border is not within the edge area.

Set both horizontal and vertical edges width to 10. You can see that the result looks much more precise now. Border is not resized because it is within the edge area now (right image on the picture above).

Click "Save theme" button to save theme changes. Click "Close" button.

DESCRIPTION

With Vista Web Buttons clear and comprehensible interface, you need just 4 simple steps to get your web buttons or html menu ready and if you use a pre-designed sample as a base you'll end up even faster!