header

 

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

Mouse over Image Lesson




Supplies Needed:

Supplies and codes are HERE.

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



bullet


Supplies include:

2 greyscaled textures
greyscaled gradient


You will need to colorize them or create your own.



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 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">

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

bullet


I hope you enjoy this Webset Tutorial.

I would love for you to show me what you did with this tut.

Email me at pinkrose4ann@yahoo.com or join our group.

Join us by clicking on the Pink Rose Creations blinkie.

 Join Us

Please come back again

I am always updating.


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