Rollover button customization
Return to Introduction  Previous page  Next page
In order to create a Rollover button, you will need to customize its 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).

Example of Rollover Button

   
Normal State   

   
clip0149

   Mouse Over State

   clip0150
      
   Mouse Click State   

   clip0151

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.

   clip0109

To customize more than one state simultaneously, simply click on the box next to the States that you want to edit and apply the changes you wish the states to have.

   clip0110

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.

   clip0111

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.

   clip0112


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.
   
   clip0113


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.      

   clip0116   clip0115

   
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.
   
   clip0127

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.

   clip0129




Free buttons by webbuttonmaker.com
Button maker by Likno Software