Web Set Tutorial 13
Author: Ann Stalls December 20,2008
Supplies:
greyscaled background tiles.
What you will Need:
bg1
bg2(strip)
bg3
bg4
The supplies must be colorized to match your tube.
Also, note the color html coded numbers for the scroll bars#,font color and bgcolor#.
header
back button
email button
home button
next button
divider
guestbook footer
Preparation:
Choose a header or create one from a tutorial.
This header was made by me for this tutorial.
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.
header
bg1
bg2
bg3
bg4
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.
USE LOWERCASE ONLY!
header
(All backgrounds will be sized 150 by 150 pixels except the strip such as bg2)
Do a seamless tile on each bg using default settings.
My materials do not need a seamless tile.
bg1
bg2
bg3
bg4
Buttons
All buttons should be sized around 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
email
home
next
Guestbook button can be around 300 x 300 or smaller. You could resize a copy your header or make something else to match.
guestbook
Dividers can be made to match your webpage.
divider
Footers should be a duplicate of your header resized around 150 x 150 or smaller.
footer
Choose a color from the material box html code for your scroll bars.
Choose a font color to match.
Replace all my #XXXXXX with your color codes.
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">
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 your Moderator
Thank you!
You can see another example of this
HERE.
Ann Stalls 2008
All Rights Reserved
Designed by Ann Stalls
|
|
|
|