Web Set Tutorial 25
Author: Ann Stalls
Supplies and codes are HERE.
The supplies must be colorized to match your header.
Also, note the color html coded numbers for the scroll bars#,font color and bgcolor#.
other buttons you want
The guestbook is optional.
Must have a web site to upload the web set.
If you don't have one, click below for a free site.
Choose a header or create one from a tutorial.
This header was made by me for this tutorial.
Choose a lighter color for borderlight like this:
This color is #e6cef6.
Choose a darker color for borderdark like this:
This color is #9f582d.
Replace my bordercolors with your colors.
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.
Let's get started!
1. Create the following files.
Select a color# for borderlight and one for borderdark in the code.
2. To make the code work easily,please name the files as I have.
The file names will be above the graphics.
USE LOWERCASE ONLY!
(All backgrounds will be sized 150 by 150 pixels except the gradient strips
such as bg2 and bg3.
Do a seamless tile on each bg1 and bg4 using default settings.
My materials do not need a seamless tile.
You will not add a purple border around your backgrounds as I have.
My buttons are sized around 175 x 55.
You can resize your header if you like or use my blank button for an example.
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.
Add whatever other button you need.
Guestbook button can be around 200 x 200.
You can resize your header or make something else to match.
Dividers can be made to match your webpage.
My divider is a png file.
Footers can be your header resized around 150 x 150 or you can use my footer which is 200 X 43.
Shelf is around 150 x 150 and can be made to suit your needs.
Choose a color from the material box html code for your scroll bars.
Choose a font color to match and 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 scroll colors to match your web page.
If you have any questions, please email me at:
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.