Adding Hover Buttons

A hover button is a button that displays a change when you move your mouse over it. You can create simple hover buttons or you can customize them with your own images.  To add a customized hover button to your web page follow these steps:

1. You will need to create or find two files that will be used to create your button and the button that will be displayed when you move your mouse over it. If you are using a theme there are built in images that you can use for this purpose. If you are creating your own you will need to create two separate images.  

2. Go to Insert on the menu bar and down to component and click on Hover Button.

3. Type in the text you want displayed on the button.

4. Click on the custom button.

5. Click on the browse next to custom button. Find the file you want for the button.

6. Click on browse next to on hover and choose the file that you want for the hover effect. 

7. Click on OK.

Move your mouse over the button to see the effect.

To create a hover button without using your own customized graphics follow the steps below:

1. Go to Insert on the menu bar and down to component and click on Hover Button.

2. Type in the text you want displayed on the button.

3. You can then adjust any of the hover button properties that you want like button color, button background, effect, width and height, etc. 

4. Click OK after making changes. 

Move your mouse over the button to see the effect.