Adobe 65011817 - Fireworks CS4 - Mac Using Manual page 187

USING FIREWORKS CS4
Creating buttons and pop-up menus
Press the Tab key to move between cells and the Up Arrow and Down Arrow keys to scroll through the list
vertically.
Repeat steps 3 and 4 until you have added all menu items. To delete a menu item, click the Delete Menu button.
5
6 Click Next or Done, or select another tab.
In the workspace, the hotspot or slice on which you built the pop-up menu displays a blue behavior line attached
to an outline of the top level of the pop-up menu.
Create submenus within a pop-up menu
Submenus are pop-up menus that appear when the user moves the pointer over or clicks another pop-up menu item.
You can create as many levels of submenus as you want.
1 Open the Content tab of the Pop-up Menu Editor and create menu items. Place the menu items that you wish to
use for the submenu directly under the menu item for which they will be a submenu.
Highlight a pop-up menu item that you wish to make a submenu item, and then click the Indent Menu button.
2
To add the next item to the submenu, highlight it and click Indent Menu. Or, to insert a new item just below the
3
highlighted item, highlight a menu or submenu item and click Add Menu.
All items that are contiguously indented at the same level constitute a single pop-up submenu.
To create a submenu within a pop-up submenu, highlight a submenu item in the Content tab of the Pop-up Menu
4
Editor, and then click the Indent Menu button again.
5 Click Next to continue building the pop-up menu, or click Done.
Change the appearance of a pop-up menu
After you create a basic menu and optional submenus, you can format the text, apply graphic styles to the Over and
Up states, and select vertical or horizontal orientation in the Appearance tab of the Pop-up Menu Editor.
With the pop-up menu open in the Pop-up Menu Editor, click the Appearance tab.
1
2 Select Vertical or Horizontal from Choose Alignment Of The Pop-up Menu.
Select a Cells option:
3
Sets the menu's appearance using only HTML code. This setting produces pages with smaller file sizes.
HTML
Gives you a selection of graphic image styles to use as the cell background. This setting produces pages with
Image
larger file sizes.
Select a preset size from the Size pop-up menu or enter a value in the Size text box.
4
Note: When cell width and height are set to Automatic in the Advanced tab of the Pop-up Menu Editor, text size
determines the size of graphics associated with the menu item.
Select a system font group from the Font pop-up menu, or enter the name of a custom font.
5
Note: If users don't have the font you select installed on their system, a replacement font will be displayed in their web
browser.
(Optional) Apply a style, justification, and color to the text.
6
Select the text and cell colors for each state.
7
8 If Image is selected as the cell type, select a graphical style for each state.
Continue building the pop-up menu, or click Done.
9
Last updated 3/8/2011
181