White Wave Designs

Building a fly-out menu with Fireworks MX and Dreamweaver MX Tutorial

Printer-friendly version

Page Five

Click on the position tab and click on the preferred menu icon. I selected the most-right icon to set the menu position to top-right of each button. Since I have no submenus, that selection area is greyed-out.

Press F12 to preview your pop-up menu before continuing with the others. After previewing, I changed the border color and shadow to white so it would match the parent menu.

After making any changes, repeat this process for the remaining buttons that have a pop-up menu. Most, if not all, of the settings in your first menu will be the defaults for the remaining menus.

The next step is to export the menu as an htm file. The process of exporting will also generate the necessary underlying javascript. From the file menu, select File/Export. If necessary, change the settings so that the Save as Type is HTML and Images, HTML is Export HTML file, Slices are Export Slices, Include areas without slices, and Put images in subfolder (create one if necessary).

Click on the Options... button and make the export settings to your liking. Make sure the file is being saved in the same folder as your other files and click the Save button.

<< ~ Page 5 ~ >>