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

Adjust appearance of the menu.

Define the menu's orientation and menu type.

Select vista button by clicking it and change button appearance for normal and mouse over states and set buttons link properties and link target attributes on the "Buttons" tab.

Select submenu's item by clicking it and change submenu's appearance for normal and mouse over states and set submenu's item link properties and link target attributes on the "Submenus" tab.

HTML JAVASCRIPT MENU

Normal/Hot state of the button

"Normal state" and "Hot state" tabs define how button responds to the mouse events. Icon alignment is defined also. You can select text font, font size, font style (bold, italic, and underlined) and so on for each button state separately.

Button is in Normal state when the mouse cursor is not over the button.

Button is in Hot state when the mouse cursor is over the button.

Button is in Pressed state when it is clicked or pressed.

On the "Normal state" tab you can define the button properties when it is in normal state if the menu type is "2-state", "3-state" or "3-state toggle". If the menu type is "1-state" then animated web buttons will always be displayed as in Normal state.

On the "Hot state" tab you can define the button properties when it is in hot and pressed states. Note, that properties changes on this tab will not affect the button if the menu is of "1-state" type.

Shadow - set this property for the button's text shadow to be displayed.

Shadow color - click the square to choose the text shadow's color.

Icon - in the Icon field you can enter file name of the icon you want the button to have. Also, you can click the "Open icon" button next to the "Icon" field to select the icon. If you don't want the icon to be displayed any more, just clear the "Icon" field.

Icon alignment - defines the icon position inside the button.

DESCRIPTION

Use images for icons, backgrounds of items. Using images you can create menus entirely based on graphics.

Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.

Specify various values for padding and spacing for the whole menu and for each separate submenu.

Create separators using your own pictures, size and alignment.