1. Open your Fireworks application. Go to ->File->New
2. Go to the Properties inspector and drag the mouse on the design window until your form reaches the size you want.
3. Go to the Fill Color button and choose the shade you want for the button. From the Properties inspector go to the Text tool and type what you want to display on the button.
4.Go to Windows-> Frames, and select the Frames tab. Go to the "Options" button and then select the option "Duplicate Frame" . This will create a duplicate button for your rollover effect.
5. In the Frames window select the "Frame 2" option to show the copied button. You can use the properties inspector to edit and style your button and add an over state. When the user hovers the mouse over your button the over state displays.
6. from the design window select your button and go to Edit- > Insert -> Rectangular Slice->Single Slice. Select the button and enter a URL in the Link text field. This URL is where the button should direct to.
7.Go to Window-> Behaviors and click the + sign. From the menu that will appear, choose the option "Simple Rollover". You can test the rollover button by clicking on the "Preview" tab.
8. Go to File->Export and from the drop down menu, select "HTML and Images" if you want to save an HTML page with the rollover button, else select "Images Only" .
Creating Rollover Buttons in Adobe Fireworks
1. Open your Fireworks application. Go to ->File->New
2. Go to the Properties inspector and...
adobe fireworks rollover buttons
Also tagged with one or more of these keywords: adobe fireworks, rollover buttons
Designer's Resources →
Tutorials →
Adobe Fireworks Circular Shadows & HighlightsStarted by OneDes, 26 Dec 2013 adobe fireworks, circular shadows and 1 more... |
|
|
||
Software →
Adobe Fireworks →
Set HTML Background in Adobe FireworksStarted by SmartWeb, 21 Nov 2013 adobe fireworks and 1 more... |
|
|
||
Software →
Adobe Fireworks →
Creating a drop down menu in Adobe FireworksStarted by SmartWeb, 21 Nov 2013 adobe fireworks, drop down menu |
|
|
||
Software →
Adobe Fireworks →
Exporting Multiple Slices in Adobe FireworksStarted by OneDes, 20 Nov 2013 adobe fireworks and 1 more... |
|
|
||
Software →
Adobe Fireworks →
How to make Adobe Fireworks set to export as CSSStarted by OneDes, 20 Nov 2013 adobe fireworks, export as css |
|
|
2 user(s) are reading this topic
0 members, 2 guests, 0 anonymous users