Hover Buttons

bar.gif (1888 bytes)

A step by step guide to using Frontpage 98 and hover buttons

First Steps

4/. Adding your own Sounds and Images.

Adding sounds to a hover button is the same as for adding custom inmages.
You should already have your images imported into the Frontpage 98
web as well as your sounds, which must be in the _fpclass directory.

If you need sound files go to the au-file download page

We will create a hover button that is linked back to our home page (index.htm)
using the graphics we saw earlier.
(use the Browse function to link to another page in YOUR web)

u-auformat.gif (2133 bytes)

Will be used a the Button with

d-auformat.gif (1690 bytes)

being the hover button image

In the Frontpage Editor click on Insert | Active Elements | Hover Button...

nobuttontitleorlink.gif (4370 bytes)

Clear the button text so that none is showing.
Set the width and height to the size of your images that
you are going to use for the buttons.
Now click on Custom.

Use the Browse function to locate your hover Sounds and Hover Images.
(Remember your 8 bit au sounds must be located in your _fpclass directory)

custom.gif (4667 bytes)

Click all the OK's and your done.

Here's the result.

Heres the HTML we just generated with Frontpage 98

<applet code="fphover.class" codebase="../_fpclass/" width="100" height="25">
<param name="text" value>
<param name="color" value="#000080">
<param name="hovercolor" value="#0000FF">
<param name="textcolor" value="#71BD24">
<param name="effect" value="glow">
<param name="url" value="../index.html" valuetype="ref">
<param name="image" value="../images/u-auformat.gif" valuetype="ref">
<param name="hoverimage" value="../images/d-auformat.gif" valuetype="ref">
<param name="sound" value="../_fpclass/click.au" valuetype="ref">
<param name="hoversound" value="../_fpclass/min.au" valuetype="ref">
</applet>


You will notice that Frontpage 98 has inserted
paramater names for values we didnt specify.

These can safely be removed leaving us with just...

<applet code="fphover.class" codebase="../_fpclass" width="100" height="25">
<param name="image" value="../images/u-auformat.gif" valuetype="ref">
<param name="url" value="../index.html" valuetype="ref">
<param name="hoverimage" value="../images/d-auformat.gif" valuetype="ref">
<param name="sound" value="../_fpclass/click.au" valuetype="ref">
<param name="hoversound" value="../_fpclass/min.au" valuetype="ref">
</applet>

Step 5 - Publish your new pages

bar.gif (1888 bytes)

This website was made with Frontpage 98 , Homesite 2.5, Cool Edit and Paint Shop Pro.