header







Web Set Tutorial 18
Author: Ann Stalls
February 7,2009




Written for PSP Version 9
Any Version will work.


Supplies Needed:


Supplies and codes are HERE.

pattern background
textured or solid background
gradient strip
glitter background to match


The supplies include background examples of what I used.

You don't have to use these but you may colorize them if you like.

The supplies must be colorized to match your tube.

The supplies include all the backgrounds used.

Also, note the color html coded numbers for the scroll bars#,font color and bgcolor#.

The code includes the no right js file please upload it with your files.
header
back button
email button
home button
next button
divider
guestbook
footer

Preparation:
Must have a web site to upload the webset.

Choose a header or create one from a tutorial.

This header was made by me for this tut.

bulletbulletbulletbulletbullet bullet


Backgrounds should be jpg files unless they are animated.
If they are animated then they will be a gif file.
The code is written for jpgs backgrounds except bg2 is a gif file.

You will have to choose a light border color and a dark border color for this tut.

My bordercolorlight="#fd9e99"
My bordercolordark="#6d0c08"
So, you must replace my color code numbers with yours.

All other color codes will be marked as #XXXXXX for you to replace.

bulletLet's get started!bullet


1. Create the following files.

header
bg1
bg2
bg3
bg4
back
email
home
next
divider
guestbook
footer


2. To make the code work easily,please name the files as I have.
The file names will be above the graphics.
bulletUSE LOWERCASE ONLY!bullet

header
header

(All backgrounds will be sized 150 by 150 pixels or 100 by 100 pixels except the gradient strips.
such as bg3)
Do a seamless tile on each bg using default settings.
However sometimes as my bg1, it may have to be larger to get full view of pattern.
My materials do not need a seamless tile.
You will not add a white border around your backgrounds as I have.
Write down the borderlight and borderdark html color code as well as the scrollbar and font colors.

bg1
bg1


bg2
bg2

bg3
bg3

bg4
bg4

Buttons

All buttons will be sized around 200 x 200 pixels.
You can resize your header if you like.
Add your text.
Please also save your button files in psp format incase you want to add more buttons later.
Also save a file the font name, size and color code number.


back
back

email
email

home
home

next
next

Guestbook button can be around 300 x 300 pixels or smaller.
You can resize your header or make something else to match.

guestbook
guestbook



Dividers can be made to match your webpage.
Make sure you use the bgcolor html code # or the bg4 pattern must be used for the background with your divider of choice.

divider
divider


Footers should be your header resized around 150 x 150 pixels or smaller.

footer
footer


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


Save your txt file as a HTML file.
You are done with this tutorial.
Upload your files to your server.

You can see another example of this tutorial here.

If you have any questions, please email me at:
pinkrose4ann@yahoo.com


I would love to see your results.

Please join my group to show off your websets.

Just click on Pink Rose Creations blinkie to join my group.

Pink Rose Creations.


Thank you!

Lady Ann

divider



index

back next
home email


footer
Ann Stalls 2009
All Rights Reserved
Designed and Maintained by Ann Stalls