H T M L Goodies
C S S Goodies
Flash Goodies

CSS Mouse Over Button Code Creator

This online coder will produce the script to enable you to
make custom mouse over button effects on your site.

Enter Your Image Locations Here
Original Image
(Image URL)		 http://
Rollover Image
(Image URL)		 http://

Link Options
Clickable? Yes No
Link Destination
(Choose one type)
WWW link: http://
EMAIL link: mailto:

Image Options
Border Width
(In pixels)
Alternate Text
(Displayed before image loads, or with a text-based browser)
Image Dimensions
(In pixels)

The Get Dimensions button will attempt to load the original state image and determine its dimensions automatically. Make sure the original image exists at the specified location.
Width:
Height:

Rollover Image Code
This code segment controls the rollover effect, and incorporates the images and settings from above. Copy and paste this code into the body of your HTML file at the point where you want the image and rollover effect to appear.

Preload Image Code
This code segment will preload the rollover state image, so that it might already be loaded by the time the user first rolls the mouse cursor over the image. Copy and paste this code into the bottom of your HTML file, just before the </html> tag..

EZCYBERSITES.COM HEADER
TOP    BACK    Home Page