header


Web Set Tutorial 7
Author: Lady Ann
December 6, 2008






Written for PSP Version 9
Any Version will work.


Supplies Needed:


Supplies and codes are HERE.

pattern or textured background
gradient strip
solid color
SOLID COLOR is for the space you are writing on.
gold or silver bg

The code includes the no right js file. Upload it to the server.

Also change the colors to match your set for the scroll bars# and bgcolor#.

header
back button
email button
home button
next button
divider
guestbook
footer
enter

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

or here

Choose a header or create one from a tutorial.

This header was made by me for this tutorial.

divider


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 the code if you do.

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


bg1
bg1


bg2
bg2

bg3
bg2

bg4
bg2

Choose a light border color that is lighter than bg4 for the code.

Write your light border color number down.
You will need this number to replace mine (#XXXXXX) everywhere in the code.

Choose a dark border color that is darker than bg4 for the code.

Write your dark border color number down.
You will need this number to replace mine (#000000) everywhere in the code.



Buttons

All buttons will be sized 200 x 200 or smaller.
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

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

Guestbook button can be around 300 x 300 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 color code from the material box for the background with your divider of choice.

divider
bg2

Footers should be your header resized to 150 x 150 or smaller.

footer
bg2

Choose material box color for your scroll bars 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.


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

You can view another example of this tutorial here.

I would love to see your results.

Please join my group to show off your web pages.

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

Pink Rose Creations.


Thank you!


divider


Please sign my guestbook.

guestbook"


back next
home email



footer

© Ann Stalls 2008
All Rights Reserved
Designed and Maintained by Ann Stalls
Music by: Cathie Ryan
Song:"Coaineadh Na DTri Muire"