header
   

Web Set Tutorial 6
Author: Lady Ann
November 27, 2008





Written for PSP Version 9
Any Version will work.


Supplies Needed:


Supplies and codes are HERE.

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



Preparation:
Choose a header or create one from a tut.

I made this header from my tutorial.

It is here.

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
enter
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 white border around your backgrounds as I have.


bg1
bg1


bg2
bg2

bg3



Buttons

All buttons will be sized 200 x 200 or a little smaller if you prefer.
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 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.

The bordercolors are set for white.

You can change it if you want.

Download the basic html code for this page by clicking on the HTML blinkie.

I enclosed a greyscaled bg2 for you to colorize.

I included the no right click js file.

Replace all the #XXXXXX color code with your colors.

To add music, add this code after the header.

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

<embed src="41.mp3" autostart="true" hidden="true">

Remember to save the txt code as an html file.

You are done with this tutorial.
Upload your files to your server.

Don't forget to change the font color and scroll colors to match your web page.
Please check on another version of this web set tutorial by clicking on the icon below.
star
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 web pages.

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

Pink Rose Creations.


Thank you!

Lady Ann

Please sign my guest book.

guestbook

divider


back next
home email



footer

© Ann Stalls 2008
All Rights Reserved
Designed and Maintained by Ann Stalls
Music by: Cathie Ryan
Song:"Oro Mo Bhaidin"