Part 3. Step by Step guide to using Fireworks to create Popup Menus
June 26, 2005
Tutorials | Applications | Web Building
Editing Popup Menu Properties
  1. Now click back on Original to continue. The green web layer will reappear.

  2. Select your button by clicking on the green area. This will make the handles display, as well as the little register mark in the middle.

  3. Ads by Google

    Posted by ellen at June 26, 2005 12:12 AM
  4. Clicking directly on the register mark brings up a menu.


  5. Select Add Pop-up Menu...

  6. This brings up the Pop-up Menu Editor. Type in the selections you want to appear in this button's popup menu. Add more by clicking the plus sign. Delete unwanted selections by clicking the minus sign.

  7. To make a menu item into a submenu of another item, select it, and click the indent button as shown. The selected item will move to the right slightly, indicating it is now part of a submenu.

  8. When you are done entering selections, click the Appearance tab.

  9. Choose menu colors by selecting text and fill colors for the Up and Over states. Click the Advanced tab to move on.

  10. Choose border colors, and set the width and padding (space between the text and edges of the button) of the menus. Click the Position tab to move on.

  11. Choose the position of the menu with respect to the button by clicking the appropriate icon. Our menus will hang from the bottom of the button.

    Choose the submenu position by selecting the appropriate icon as shown. Click Done to close the Editor.

  12. Below the button, you should now see blue outlines indicating the size and position of the popup menu when extended. If you click and drag on the outline, you will find you can move it around to adjust the position. It also has a little "leash" indicating whch button it is associated with.

  13. Ads by Google

Ads by Google

 RSS   |   Contact Me

Ads by Google