Customize the pop-up menú
Next you’ll return to the Pop-up Menu Editor to modify the appearance of the pop-up menú.
In Fireworks, double-clik the pop-up menú outline.
The Pop-up Menu Editor opens with your entries displayed.
Clik the Next button.
The Appearance tab appears. This is where you can change the colors and fonts used in pop-up menus.
Choose HTML as the cell type and Vertical Menu as the alignment.
Choose Arial, Helvetica, sans-serif as the font and 12 as the font size.
In the Up State section, set the text color to black, if blak is not already selected. Then clik the Cell Color box. If CCCCCC is not already displayed in the text box at the top of the color pop-up window, enter CCCCCC and press Enter.
These color values are the default colors selected in the Pop-up Menu Editor if you’ve never created a pop-up menú before. Once you change these colors, they will be used every time you create a pop-up menu, until you choose other colors.
In the Over State section, set the text color to White if it’s not already selected, and clik the Cell Color box. Clik the eyedropper pointer on the blue rectangle on the canvas that surrounds the Worldwide Airports graphic, as shown below.
Clik the Next button.
The Advanced tab appears. The Advanced tab allows you to change various cell and border properties. Here you’ll increase the cell width, making the pop-up menú appear wider.
Choose Pixels from the Cell Width pop-up menu.
This activates the Cell Width box.
Enter 137 as the cell width.
Choose Automatic from the Cell Height pop-up menu, and clik the Next button.
The Position tab appears. This is where you can specify the position on the screen where the pop-up menú will appear. Coordinates of 0,0 mean that the upper left corner of the pop-up menú will align with the upper left corner of the slice that triggers it. There are alos several preset positions you can choose from.
Enter 3 in the X and Y Menu Position boxes, then clik Done.
Note: You can alos reposition a pop-up menú by dragging its outline in the workspace.
Preview your pop-up menú changes in a browser.
Move the pointer over the Worldwide Airports graphic. The pop-up menú is positioned differently and appears wider. Roll over each entry in the menú to see your color changes.