Did you know that...
You can easily give your web button a "Rollover" effect based on the Three-States (Normal State, Mouse Over State, Mouse Click State)!
To customize the Normal State, Mouse Over State, Mouse Click State features simply go to Menu -> File -> Switch to Three-State button.
After you switch to Three-State button you will be able to customize the Normal State, Mouse Over State, Mouse Click State features individually or simultaneously (more than one state at the same time).
State Customization
You can edit and customize the features of each of the three states.
To customize a state individually, simply click on the specific check box and apply the changes you wish to make to it.
To customize more than one state simultaneously, simply hold down the 'Ctrl' key to select the States that you want to edit. Apply the changes you wish the states to have.
If you choose to customize more than one state simultaneously, you need to keep in mind that the attributes will also be adopted by the other state(s). An example would be if you have chosen 2 states and change the text color. The color you choose will also be adopted by the second state.
The only feature that is not influenced by the number of states selected are the Dimensions (Width and Height). No matter how many states you have chosen
(1, 2, or 3), if you edit the width and height the changes will take effect on all three states.
Manual Feature Editing
You may manually move the button, button shadow, text, and text shadow simply by locating the cursor on the text for example and moving it to the desired location.
You can also edit manually the margins and graphic size by locating the cursor on the button borders and moving according the margins. You will be able to see the values you have given to the margins as you customize them.
Mouse Right-Click Feature
You can use the Mouse Right-Click feature in order to define the Move-Resize options of the Button, Button Shadow, Text and Text Shadow as well as to Copy-Paste State values between States.
The Paste Special feature gives you the option to select different features you wish to copy-paste. After selecting the features, simply click on the OK button and the changes will take effect.
Rollover Button Export
To export your Rollover button click on the Export button in the control panel and select the destination and format of the file in which the button will be exported (.jpeg, .gif, .png).
You may preview the Rollover button you have created by clicking on the Preview button.
Finally, when ready to export your button, simply click on the Export button. A window will open highlighting where each of the three files (Normal, Mouse Over, Mouse Click) have been exported to and offering you the Javascript code you will have to add to your HTML pages (Use the Copy option to copy the entire code to your web page). A sample html page will be created where you will be able to see your rollover button.
You can see the relevant changes directly through the preview window.
|
