Mozilla Firefox

Oracle

Apple

Roxio

Real Mac Software

gOSSkype

Loop Insight

Launch Sothink DHTML Menu, “Startup” window opens, you can start menu from built-in templates or new blank. First, click the name from built-in templates to select the menu; and then, preview menu style in preview window of Startup; last, click “OK” to start menu creation.

Step 2: Choose menu type for the chosen menu

In tasks panel, click “Menu Type” option on the Global panel; and enter the “Global > Menu Type” to set the menu as “Context menu”.

Step 3: Publish menu to website

Menu creation is finished. Click the button “Publish” to choose the best publishing method. After the option is check, you can follow the step to publish your navigation to website. And upload all the resources.

White menu – horizontal menu

• Special menu designed by Jason Reed Web

• Gotmilk Flash menu

• Web menu designed by Jeremy Levine

• Maxandlous.com unusual menu

• JavaScript menu with handwring style

• Web menu with button style

  

• DHTML Menu for Jayme Blackmon

• Alex Buga menu

• Water’s Edge Media web menu

• Ronnypries.de navigation menu

• Pipe DHTML menu

White menu – round corner menu

• Round style menu with mouse over

• Silver round corner menu

White menu – tab menu

• Silver tab menu

• Vertical tab menu

• Fubiz slidebar

• Great FreelanceSwitch menu

White menu – multi-column menu

• Barack Obama menu

• “Speaking” navigation menu

• Multi-column menu navigation

White menu – vertical menu

• lace web menu

• Cobahair.co.uk uses only BIG typography…

• jBunti Hover-effect Menu

• Icon vertical menu

• nBloom menu with animation
  
• Checkout list-style menu

• Ruby Tuesday slidebar menu

• Alexandru Cohaniuc Navigation

• Web menu – handwriting style

• web menu of Porsche Canada

  

If you wanna change the existing web menu to Window vista menu, there are two methods available to make it come true. Supposed that your DHTML menu as below, we can make it change into Windows Vista menu by applying preset style or setting the background image from image library with the help of Sothink DHTML Menu.

Change navigation menu to Windows Vista menu

Method 1: Applying preset style to DHTML menu:

1. Select all the top menu items in menu panel.

   

2. Check “Menu Item > Style” in tasks panel; and double click the vista style to apply this style to web menu in bottom property window.
   
3. Modify the background as “Transparent” for all menu item; set properties for each menu item, popup menu. The new Windows Vista menu is as follows.

   

Method 2: Setting the background image from image library

1. Select all the top menu items in menu panel.

   

2. Check “Menu Item > Background” in tasks panel; choose the proper background image from image library; set “bg color” as transparent.
   
3. Modify the background as “Transparent” for all menu item; set properties for each menu item, popup menu. The new menu is as follows.
   

The website designers usually decide color for web menu based on industry and branding impression. For industry, green menu is applied for agriculture, plant, fruit, etc; for branding impression, green menu symbolizes the energy, vigor and flourishing. At the same time, green menu is widely used for kids, small enterprises and the rising industries, which indicates they will have the wonderful future.

Green menu itself represents the nature, peace, hope and life; so, many website designers would like to use green menu as navigation bar on their website design. Now, let’s share some excellent green menus:

1. Green Menu

   
   

2. Olive D Menu

   
   
   

3. Horizontal Menu

   

4. Tab Menu

   

5. Vertical Green Menu

   

6. Dot Menu

   

7. Block Menu

   

8. Rounded Corner Menu

   

9. Grass Tree Menu

   

10. Forest Menu

    

How to Create Black Menu?

With Sothink DHTML Menu, you can choose the proper one from 2 methods to get your wanted black menu.

We will take this menu for example to learn setting black menu:

Method One: Insert image of black background as background for the whole menu.

The black menu created by this method will be like this:

1. Check “Top-Level-Menu” in the menu panel, and enter “Popup menu > Background” to choose black image as background for the whole menu.

   

2. Check all menu items, and enter “Menu Item > Background” to set background color as “Transparent”.

   

Method Two: Set black background image or background color to every menu item

The black menu created by this method will be like this:

1. Check all menu items, and enter “Menu Item > Background” to set background color as “black” or insert black image as background image.

   

2. Check “Top-Level-Menu” and enter “Menu Item > Border” to set border as 0; check the popup menu and enter “Popup Menu > Border” to set border as 0; and check menu items and enter “Menu Item > Border” to set border as 0.

How to Create a Tab Menu?

Tab Menu is a standard compliant 2 level tab menu. With Sothink DHTML menu, you can create a tab menu in steps:

1. Create menu includes sub-menu.2. Enter Global > Menu Type in Tasks panel and select the option “Tab menu”. The menu is switch to a menu with 2 levels.

3. Enter Global > General in Tasks panel, choose “Mouse over” as the method to select the item. So you can move you mouse over one of the sub items to select it.

4. Check “Top-Level-Menu” and enter “Menu Item > Border” to set border as 0; check the popup menu and enter “Popup Menu > Border” to set border as 0 and delete the arrow from “Popup Menu > Arrow”.

5. Select all menu items, enter “Menu Item > Background” to pick up the background image from image library.

6. Set “Transparent” for all menu items, popup menu and the whole menu in “Popup Menu > Background” and “Menu Item > Background”.

The tree menu will present a new look even a tiny element is modified, which brings exciting to website. With Sothink Tree Menu, the beginners can customize the styles in intuitive interface with ease; it provides image library of various types to design menu tree style; and the outside files can be imported to tree menu to form your own style.

Let’s compare some tree menus, and view the magic about tree menu style:

1. Set size to get another tree menu, which is completely different menu tree.
   (Enter “Global Settings > General” to set width and height for the whole tree menu)
   
2. Set properties for tree menu and its items to build a totally different web menu, these properties include background, color, font, etc.
   (Select node in  Tree panel, and enter  “Node Settings > Font” or “Node Settings  > Background” panel to set their properties.)
   
3. Add graphics to customize button, line, arrow and cursor images.
   (Select node or sub-tree; enter the related option in “Global Settings” panel to set image properties.)

   

4. Disable some nodes in tree menu, which needs to be changed from time to time.
   (Check the selected nodes, and enter   “Node Settings > Advanced” to set this function)

   

5. Tree menu expands its sub-tree with dynamic and visual effect after mouse interacts with menu tree, which gives the visitors deep impression. The program presets the various effects for showing or hiding sub-tree respectively, effect speed can be set too.

View more tree menu samples to get inspiration; download tree menu builder to DIY your tree menu with customizable menu style.

1. Urban Gray Accordin Tree Menus
2. Bullet List Menu Tree
3. Arrow Slide Web Menu
4. Apple Style Collapsible Menu
   
5. Glossy Navigation Menu
   
6. BDC DrillDown Web Menu
7. Hover Tab Menu
8. Inspored Navigation Bar
9. iPod JavaScript Menu
   
10. Beautiful Web Menu