header

 

Web Set Tutorial 49
Author: Ann Stalls
December 21, 2010

Mouse over Image Lesson

supplies


Supplies include:

2 greyscaled textures
greyscaled gradient


You will need to colorize them or create your own.

Supplies Needed:

Mouse Over effect 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 dividers
2 sets of buttons
2 footers
marquee image
2 guestbooks



bullet


bullet


File Names:
Name your files as I have:

header
header2
marques
bg1
bg2
bg3
divider
divider2
guestbook
guestbook2
buttons:
back
back2
email
email2
next
next2
home
home2
map
map2
links
links2
footer
footer2


Make a blank button to save.


bullet


The html code is set for all images and backgrounds to be jpgs.


Remember to save your txt code as a html file.


I also included the oodomimagerollover. js file.
(upload the oodomimagerollover.js file) The code 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">

bullet


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 extensions must all be changed
in the code so it works.

bullet


I hope you enjoy this Webset Tutorial.

email

Another version of this Tutorial may be found here.

To return to the Webset Tutorial menu click here.



divider

 

back email


next
       guestbook
map

links
home



divider


Merry Christmas


footer
Designed by ŠLady Ann Designs for Lady Ann Designs 2010 All Rights Reserved