Web Designer Blog

Tab menu is a space-saving and good-looking navigation bar on the website, which makes browsing easier for visitors. The tab menu divides the information into several sections and distributes them in simple text and nice image, the URL linked to destination description with image will guide the visitors to the web page that most interests them with single click. Tab menu is usually shown as horizontal drop down menu at the top of the page or bars along the side, which is specially used for the website of complicated structure and extensive contents.

Create Tab Menu

• Choose “File > New > Horizontal Menu” to create a horizontal menu.

• Enter “Global > Menu Type” and set the menu as “Tab Menu” in “Global – Menu Type” properties panel below.

• Set width for tab menu. Click “Global > General” and set width as “10%” in “Global – General” properties panel below.

• Set round-corner background for tab menu. Click “Menu Item > Background” and set round corner in “Menu Item – Background” properties panel below. You can click the button “Background Library” to apply the round corner background directly; also, you can click the button “Custom images” to customize the round-corner background.
Note: If installing Sothink DHTML Menu, you can get the background images at :/Program Files/SourceTec/Sothink DHTML Menu 9/images/Normal/

• Modify the text and link for menu item. Modify the text and link for your website. Click the text on menu panel, select the option “Menu Item > General”, and edit the text and link in property panel below.

• Add more menu items for this tab menu. Still in menu panel, select the “DHTML Menu” and click the left-side button “Insert Item After” to add menu items. The new items will inherit the properties of the menu item “DHTML Menu”.

That’s end, tab menu is finished. Download Sothink DHTML Menu to create your own one.