This site is a collection of buttons suitable for use with the
Graphic Rollover Button Studio that is a part of Web Studio 3.

Each rollover button comprises of three images.

1. Normal

2. Over

3. Down

Download the set of three buttons to your own computer
by right-clicking each image and selecting Save....

(if neccessary create a folder for the images )

In Web Studio insert the set of three images onto your
page and select the images in the correct order by
holding down Shift and clicking each image in turn.

Select the Buttons tab and drag the Rollover option

onto any of the selected images. This will fire-up
the Button Studio.

Add any desired text and click OK
to produce the working button.

Delete the original three images from the page.

Note:

For your rollover buttons to work immediately and
effectively once they are up on site, you will need to
insert some additional html to your page.This will pre-
load the complete set of three buttons so there will be
no loading delay when the buttons are used initially.

You will now need to edit the highlighted parts of the code
for each of your buttons.

To get the correct numbers for each of your images fire-up
your site in preview and right click on each of your rollover
buttons. Select properties and make a note of the image
number at the end of the address URL.

Enter these numbers into the code for each of your buttons.

(Although the same image number applies to both entries make sure
that your first entry ends with A and the second ends with B. Also
check that you have entered the correct file extension for each image.
The button images on this site are .JPG or .GIF)

Although the buttons provided here are of a standard size they
can be re-sized in Web Studio and modified considerably using
Special FX.

All being well your buttons should now
be ready to impress your visitors!

Firstly right click on the page that contains your
rollover buttons and click on Page Properties.

Select the Page HTML tab and make sure that the
Inside Page Header option is selected.

Copy and paste the following piece of HTML code
into the text box. Paste it as many times as there are
rollover buttons on your page.

<script language="JavaScript">

<!--

Image01 = new Image();

Image01.src="$thisfolderurl$IMAG000A.GIF";

Image02 = new Image();

Image02.src="$thisfolderurl$IMAG000B.GIF";

// End -->

</script>