Here's a very basic demonstration of how to created tabbed menus. Readon to learn how it was created and links to more samples.

This samples demonstrates how to create tabbed-like menus.
A tabbed like menu is one that resembles a series of tabs and can display additional menus when a tab is selected. It also highlights the currently selected tab.

The main toolbar serves as the tabbed menu providing access to different sections: Home, Utilities, ActiveX Controls and Links.
When one of the main tabs is clicked a new page is loaded and with it a new toolbar is displayed.
Each new toolbar contains options that belong to the currently selected toolbar.

In order to control which toolbar to display we used the "Visibility Condition" which control the visibility of a toolbar based on a simple javascript condition. You can know more about this feature by clicking here.

We also used the "Item Highlight" feature to highlight each tab depending on the page that is displayed.
You can know more about this feature by clicking here.

Finally, the colors used in the menu items help visualize which tab is selected and that the options displayed on the second toolbar belong to the selected tab.

Click here to see a slightly more complex tabbed menu system.

---

If you decided to use this technique in your web site you may want to design some images that could enhance the look of the tabs by creating rounded corners and applying them to the toolbar items on the main toolbar.

Click the link below to download the whole project

  Tabs Sample