 |
 |
|
|
|
How do I make hover buttons? Hover buttons are really cool. You can have great effects on your page without having a graphics program. You first need to download this zip file which contains 2 .class files, fphover.class and fphoverx.class. You need to unzip this file with a program like WinZip (you can download this program for free from the net). You need to upload both of these files to your server (unopened), into a subdirectory that you HAVE to call _fpclass. Not all Web hosts allow you to have subdirectories, if you can't create a new folder (subdirectory) then you won't be able to use this applet. Also remember that this only works on Internet Explorer, and not on Netscape (actually, I have the oldest version of Netscape on the planet, and it works on mine...I can't figure out why hehe=).
Next you have to add this code for each button you want on your page. You can change the information in bold to customize your button:
<applet code="fphover.class" codebase="../_fpclass/" width="125" height="30">
<param name="text" value="Home">
<param name="color" value="#ff00ff">
<param name="hovercolor" value="#966ff">
<param name="textcolor" value="#ffff00">
<param name="effect" value="glow">
<param name="url" value="http://www.lissaexplains.com" valuetype="ref">
<param name="font" value="arial">
<param name="fontstyle" value="bold">
<param name="fontsize" value="18">
</applet>
Here is a sample:
If you need to target frames with the hover button, you need to add the following code on the next line after param name="url", changing "rightside" to your frame name:
<param name="target" value="rightside">
How do add sound on hover? Adding sound is really easy. The hard part is finding sound files to use. You have to use a sound file with the extension .au and these can be hard to find. Try to keep the sound file to 1 or 2k so that loading time is faster. My sound files are only 1k. To add sound to the hover button, just add this line of code in the above code, make sure you upload your sound file, also you need to upload your .au file to your _fpclass folder:
<param name="hoversound" value="yourfilename.au" valuetype="ref">
This is the effect you get, cool huh?
You can actually add two sounds to a button, one for hover, and a different one for when the button is clicked. For example:
You just add this line of code, to the hover button code, with your own sound file substituted:
<param name="sound" value="yourfilename.au" valuetype="ref">
How do I change hover attributes? The table below shows you the different attributes you can give your hover buttons. Just change the effect in the code above to add the different attribute.
| glow | |
| lightglow | |
| reverseglow | |
| bevelin | |
| bevelout | |
| average | |
| fill |
How do I use my own images on hover? If you have a graphics program like Paint Shop Pro or Photoshop, you can make your own images for hover buttons. You can use this code, just subsitute your own image names in the 2 hover tags:
<applet code="fphover.class" codebase="../_fpclass/" width="92" height="44">
<param name="bgcolor" value="#000000">
<param name="url" value="http://your address" valuetype="ref">
<param name="image" value="imagename1.gif" valuetype="ref">
<param name="hoverimage" value="imagename2.gif" valuetype="ref">
<param name="sound" value="yoursoundfile1.au" valuetype="ref">
<param name="hoversound" value="yoursoundfile2.au" valuetype="ref">
</applet>
Copyright 1997-2016 Lissa, All rights reserved
This Web site is registered with the Library of Congress Copyright Office.
This site is
happily hosted by:
