Adobe 65011817 - Fireworks CS4 - Mac Using Manual page 190

USING FIREWORKS CS4
Creating buttons and pop-up menus
2 Select the web object that is the trigger for the pop-up menu.
Drag the pop-up menu outline to another location in the workspace.
3
Edit or move items in pop-up menus
In the Pop-up Menu Editor, you can edit or update the contents of a pop-up menu, rearrange the menu items, or
change other properties on any of the four tabs.
Do one of the following to display the Web Layer:
1
• Click the Show Slices And Hotspots button in the Tools panel.
• Click the Eye column in the Layers panel.
2 Select the slice the pop-up menu attaches to.
Double-click the pop-up menu's blue outline in the workspace.
3
4 In the Pop-up Menu Editor, make changes on any tab.
Edit menu text
Open the pop-up menu in the Pop-up Menu Editor, and click the Content tab.
1
2 Double-click the Text, Link, or Target text boxes and edit the menu text. Then click outside the entry list to apply
the change.
Move a menu item
1 Highlight the menu item in the Content tab of the Pop-up Menu Editor.
Do either of the following:
2
• To move the item to a higher-ranking submenu or into the main pop-up menu, click the Outdent Menu button.
• To move the item to a different location in the same menu, drag the item to the desired location in the list.
About exporting pop-up menus
Fireworks generates all the CSS code or JavaScript (depending on which option you select) necessary to view pop-up
menus in web browsers.
If you use CSS code for your pop-up menus, a Fireworks document containing pop-up menus is exported to HTML
using CSS code. You can also have the CSS code written to an external .css file, and export that file along with an
mm_css_menu.js file to the same location as the HTML file.
The alternative to using CSS code is to use JavaScript. If you use JavaScript, a Fireworks document containing pop-up
menus is exported to HTML, and a JavaScript file called mm_menu.js is exported to the same location as the HTML file.
When you upload the files, upload mm_css_menu.js (or mm_menu.js, for JavaScript) to the same directory location
as the web page containing the pop-up menu. To post the file to a different location, update the hyperlink referencing
mm_css_menu.js and the .css file (or mm_menu.js) in the Fireworks HTML code to reflect the custom location. A
unique .css file is exported for every document containing CSS pop-up menus that you export as HTML and images
from Fireworks.
When you include submenus, Fireworks generates an image file (arrows.gif), which is a tiny arrow that appears next
to any menu entry that has a submenu. Regardless of the number of submenus a document contains, Fireworks always
uses the same arrows.gif file.
For more information about exporting HTML, see "Export HTML" on page 230.
Last updated 3/8/2011
184