284 Chapter 12: Creating Buttons and Pop-up Menus
Creating a three- or four-state button
When creating a button, you may want to add a Down state and an Over While Down state
in addition to the Up and Over states. These states give web page users additional visual cues.
You can create a nav bar using two-state or three-state buttons, but only a button with all four
states qualifies as a real nav bar button in Fireworks. Fireworks has several Nav Bar behaviors
that make buttons act as though they are related to each other. For example, you can create
nav bar buttons that act like the push buttons on an old car radio: when the user clicks a
button, it remains down until another button is clicked.
Although four-state buttons are not mandatory in a nav bar, using them allows you to take
advantage of the built-in Nav Bar behaviors in Fireworks.
For details about creating the Up and Over states for a button, see
“Creating a simple two-
state button” on page 283
.
To create a Down state:
1.
With a two-state button open in the Button Editor, click the Down tab.
2.
Do one of the following to create the button’s Down state:
■
Click Copy Over Graphic to paste a copy of the Over state button into the Down
window, and then edit it to change its appearance.
■
Drag and drop, import, or draw a graphic.
To create an Over While Down state:
1.
With a three-state button open in the Button Editor, click the Over While Down tab.
2.
Do one of the following to create the button’s Over While Down state:
■
Click Copy Down Graphic to paste a copy of the Down state graphic into the Over
While Down window, and then edit it to change its appearance.
■
Drag and drop, import, or draw a graphic.
NO
T
E
When you insert or create a graphic for the Down state, the Include Nav Bar Down
State option is automatically chosen. This button state is for buttons that are part of
navigation bars.
NOT
E
When you insert or create a graphic for the Over While Down State, the Include Nav
Bar Over While Down State option is automatically chosen. This button state is for
buttons that are part of navigation bars.
Summary of Contents for FIREWORKS 8
Page 1: ...Using Fireworks...
Page 78: ...78 Chapter 3 Selecting and Transforming Objects...
Page 142: ...142 Chapter 5 Working with Vector Objects...
Page 166: ...166 Chapter 6 Using Text...
Page 192: ...192 Chapter 7 Applying Color Strokes and Fills...
Page 234: ...234 Chapter 9 Layers Masking and Blending...
Page 250: ...250 Chapter 10 Using Styles Symbols and URLs...
Page 324: ...324 Chapter 13 Creating Animation...
Page 372: ...372 Chapter 14 Optimizing and Exporting...
Page 444: ...444 Chapter 16 Automating Repetitive Tasks...
Page 454: ...454 Chapter 17 Preferences and Keyboard Shortcuts...
Page 472: ...472 Index...