Web Set Tutorial 49
Author: Ann Stalls
December 21, 2010
Mouse over Image Lesson
Translate this page
Supplies and codes are
Mouse Over affect over images:
Run your mouse over the images.
Graphic or Tube for 2 headers
textured bg for bg1
gradient for bg2
textured bg for bg3
2 sets of buttons
2 greyscaled textures
You will need to colorize them or create your own.
Name your files as I have:
Make a blank button to save.
The html code is set for all images and backgrounds to be jpgs.
Remember to save your txt code as a html file.
I included the norightclick js file.
(upload the noclick.js file)
I also included the oodomimagerollover. js file.
(upload the oodomimagerollover.js file) The code is for the mouse over affect is in the code placed in the head.
To add music, add this code after the header.
You will need to change it to your file name and file extenstion.
<embed src="44.mp3" autostart="true" hidden="true">
Also, note the color html coded numbers for the scroll bars#, font color,
and body bgcolor# need to be changed to match your colors.
Any changes you make with file extenstions must all be changed
in the code so it works.
I hope you enjoy this Webset Tutorial.
I would love for you to show me what you did with this tut.
Email me at firstname.lastname@example.org or join our group.
Join us by clicking on the Pink Rose Creations blinkie.
Please come back again
I am always updating.
To return to the Webset Tutorial menu click
Designed by ©Lady Ann Designs for
Lady Ann Designs
2010 All Rights Reserved