header




Web Set Tutorial 19
Author: Lady Ann
February 26,2009




Written for PSP Version 9
Any Version will work.


Supplies Needed:


Supplies and codes are HERE.

pattern background
gradient background
SOLID COLOR textured background
SOLID COLOR is for the space you are writing on.
Use the textured background color for the scroll bars# and bgcolor#.
header
back button
email button
home button
next button
divider
guestbook
footer


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

If you don't have one, click below for a free site.

Bravenet Link

Choose a header or create one from a tut.

This header was made by using a mask.

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 so you will have to change it.

bulletLet's get started!bullet


1. Create the following files.

header
bg1
bg2
bg3
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 except the gradient such as bg2.)
Do a seamless tile on each bg using default settings.
You will not add a black or white border around your backgrounds as I have.


bg1
bg1


bg2
bg2

bg3

Write your solid color number down for the scrollbar colors.
bulletChoose a borderdark color.(darker than bg3)bullet

bulletChoose a bordercolorlight.(lighter than bg3)bullet

Replace my color code numbers with yours.

Buttons

All buttons will be sized no larger than 200 x 200.
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 with the font name.


back
back

email
email

home
home

next
next

Guestbook button can be no larger than 300 x 300.
You can resize your header or make something else to match.

guestbook
guestbook

Dividers can be made to match your webpage.

divider
bg2

Footers should be your header resized to no larger than 150 x 150.

footer
footer


Choose material box color for your scrollbars or any color of that matches.
Choose a font color to match and will show up.



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

Don't forget to change the font color and scrollbar colors to match your web page.

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!


divider


index

back next
home email



divider



footer

© Ann Stalls2009
All Rights Reserved
Designed and Maintained by Ann Stalls