Simple Custom Navigation Bars and Drop Down Sub-Menus

[gwpriester]

The question of how to create custom drop down menus comes up from time to time. And since I have some time, I thought I would share my method. (Open and Preview the attached .web document to see these drop down menus in action.

Create a new layer and MouseOver layer for each sub menu. Sub-menu MouseOver layers need to be numbered, (e.g. MouseOver-1, MouseOver-2, etc.)

Add menu buttons to the sub-menu layer. Make clones and cut and paste the clones to the MouseOver layer for the specific menu.

Link the primary navigation bar buttons to the appropriate layers. In my example I created my own buttons and did not use the Navigation Bar Tool. So each primary button is separate.

I find the Mouse-Over link (Website Properties > Link > Mouse-Over > Show Pop-up Layer works best because the sub-menu automatically closes when the visitor moves the cursor away from the bar.