topper
 
Home
About Me
My TOU
PSP Tuts
Web Tuts
My Certificates
My Links
My Websites
My Groups
My Webrings
My Banners
Banner Exchange
Star Sisters
Pink Rose Creations
Red Rose
Budding Guru Html
My Books
Email Me
Back
Next
 

Guestbook
 

header
divider
Lesson 82




Web Set Tutorial 82
Author: Ann Stalls
March 8, 2012

supplies


Supplies Needed:
3 backgrounds
topper
header
back button
email button
home button
next button
map button
links button
Extra buttons for your site
divider
guestbook
footer
square blinkie


Change the color html coded numbers for the scrollbars#, font colors, bordercolorlight#, bordercolordark# and bgcolors.

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

divder


1. Create the following files.
topper
header
bg1
bg2
bg3
back
email
home
next
map
links
other buttons you need for your site
divider
guestbook
footer
square blinkie


2. Sizes that work best for this code.
topper 1100 Width x 140 Height
header 620 Width x 245 Height
button 170 Width x 60 Height
divider 460 Width x 30 Height
square 125 Width x 125 Height
guestbook 150 Width x 150 Height


The Widths and Heights are in the code.
If you change these sizes, you will need to change the code.


3. To make the code work easily, please name the files as I have above.

Buttons are named button so you will have to change the name of the button as well as the link.

You must include an email, back, next, home which are in the code.

Examples of the backgrounds from my webset.

Notice the placement of the bg numbers.

bg1
bg1


bg2
bg2


bg3
bg3


divider


4. To add music, add this code after the header.

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

<embed src="44.mp3" autostart="true" loop="false" hidden="true">

divder


5. Save your txt file as a html file.

You are done with this tutorial.

Upload your files to your server.

Thank you!

Lady Ann
 

email

Another example is here.


square
















Designed by ©Ann Stalls 2012
Graphics from NitWit Creations by ©Mary Fran