Step 3-5: Finish and Test DHTML Menu

Step 3: Sub Menu Item

Add sub menu to "DHTMLMenu" :
Choose "DHTMLMenu" menu item and click "Insert Item" button four times to add 4 sub menu items.

In General , input text in order: Download , Order , Sample , FAQ .
Set the sub menu's properties

Click "DHTMLMenu" and look at "Popup Menu Settings". In General , set transparency as 30, padding as 7. Click Effect and set "Effect for showing" as "Box in" and "Effect for hiding" is "Box out". Effect speed is 70.

Step 4: Add separator line and set its properties

Add a Separate line :
Choose "Products" menu item and click "Insert Separator" button and a separator will be added above it.

Set separate line's properties :
Choose this line and find "Separator Settings" in Tasks panel. Click General and set separator color as black, and separator size as 2.

Add the same separate line to another item :
Click "Copy" button to copy this line.

Choose "<Top-level Menu>" and click "Paste" button to paste. The pasted line will be added at the bottom of this menu. Drag and move it above "Forum" item.
So you have added the same separate line above "Forum".

Step 5: Test menu in browsers

Click "Preview" button to preview menu in the default browser or choose an external browser from the drop-down list to preview.
The browser will be launched and you can view the menu.


In step 6, we will learn to publish the menu into web page.

Back to top


Sothink is a trademark of SourceTec Software Co., LTD.
Flash is a trademark of Adobe.
Sothink Software: Flash to HTML5 Logo Maker