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

Codeproject Menu Bar Using Javascript ScreenShot

QUICK HELP

Click "Add button" and "Add submenu's item's buttons situated on the Vista Buttons Toolbar to create your menu. You can also use "Delete selected item", "Delete submenu's item" and move buttons.

Create your own buttons or use ready to use Templates.

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.

CODEPROJECT MENU BAR USING JAVASCRIPT

Normal/Hot state of button images

"Normal state" and "Hot state" tabs define how submenu items respond to the mouse events. 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 item.

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

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

Items border color - set border color around each submenu's item.

Items background color - set background color for each submenu's item.

You can set different Items border color and Items background color for hot state.

DESCRIPTION

Double click on the one of the predefined buttons' and submenus templates to apply it to your menu

When the submenu is larger than the visible area of the page the submenu will be automatically decreased. You can use scrollbar to see all submenu items

Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Effects Javascript In HtmlArbre Css

Instant preview

Each change of button-menu appearance is instantly displayed in the Preview Window.
At the same time, you will be able to test how the buttons would respond to the mouse events.

Adjusting menu appearance