map
links
email
home
back
next

Web Set Tutorial 50
Author: Ann Stalls
December 23, 2010



supplies

Supplies include:

greyscaled textures
greyscaled guestbook
greyscaled top
greyscaled middle
greyscaled bottom

The top, middle and bottom files are pngs so you can add the bg1 under them.
Then those files should be saved as jpgs.
The more you write the buttons move down.

You will need to colorize them or create your own.


Supplies Needed:
Topper
textured bg for bg1
Do not use png files for any linking images or the script won't work.

divider
buttons
footer
welcome
guestbook
bullet
top
middle
bottom




bullet




bullet


File Names:
Name your files as I have:

topper
(It is important to note the height of your topper as it is in the code.) (Your height does not have to be the same as mine to work.)
welcome
bg1
bullet
divider
guestbook
buttons:
back
email
next
home
map
links
bullet
footer
top
middle
bottom


Do not change the size of the top, middle or bottom unless you change it in the code.


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.

This code inlcudes the flashing color hover over links.

Run your mouse over the link on the bottom to view it.

Remember it is in the code so don't put it in again.

I added the flashing color hover txt file for other websets.

To add music, add this code after the header.

You will need to change it to your file name and file extension.

<embed src="44.mp3" autostart="true" loop="false" hidden="true">


bullet


Also, note the color html coded numbers for the scroll bars#, bgcolor, and font colors
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


This code includes a flashing color hover code over your links.

I included the flashing color hover code in the download.
You do not have to add it here as it is in this tut.

You can use it on other websets if you want.
I hope you enjoy this Webset Tutorial.

email

Another version of this Tutorial can be found here.

To return to the Webset Tutorial menu click here.


divider

 

guestbook

footer

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