Drop Down Menu


welcome
Web Set Tutorial 47
Author: Ann Stalls
December 18, 2010





Supplies Needed:



Supplies and codes are HERE.

topper
Graphic or Tube for header
title
textured bg for bg1
textured gradient for bg2
pattern from topper for bg3
textured, pattern, or solid for bg4
divider
buttons
title
guestbook
bullet



bullet


Supplies include:

2 greyscaled textures
greyscaled gradient
zipped folder of toppers


You will need to colorize them or create your own.



bullet


File Names:
Name your files as I have:

topper
header
title
bg1
bg2
bg3
bg4
bullet
divider
guestbook
buttons:
back
email
next
home
map
links
bullet


Make a blank button to save.


bullet


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

header(png file)
title(png file)
guestbook (gif file)


Remember to save your txt code as a html file.

I included then drop down menu code for your other websets.

It is included in the code.

You need to change my links to your links.

You need to change the color code in two places in the code to match your bg4 color.

I included the norightclick js file
(upload the noclick.js file)
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#, borderlight color, borderdark color, font color,
and body bgcolor# need to be changed to match your colors.

IMPORTANT: Change the topper's height size to your height.

My topper's height is 165.

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
       sign
map

links
home



divider





Designed by ©Lady Ann Designs for Lady Ann Designs 2010 All Rights Reserved