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

Create your menu using "Add button" and "Add submenu's item's buttons.

Use various ready to use Templates. Double click on the Template to apply it.

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

COLLAPSIBLE MENU INTERSPIRE

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.