header
Web Set Tutorial 59
Author: Ann Stalls
January 18, 2011



supplies

Supplies include:

greyscaled pattern
greyscaled texture
greyscaled gradient
greyscaled guestbook

greyscaled button
greyscaled stars


You will need to colorize them or create your own.

You will also have to create your own bg1.


Supplies Needed:

Graphic or Tube for header
pattern for bg1
gradient for bg2
pattern for bg3
textured for bg4
divider
buttons
footer
guestbook
bullet



bullet




bullet


File Names:
Name your files as I have:

header
bg1
bg2
bg3
bg4
bullet
divider
guestbook
footer
buttons:
back
email
next
home
map
links

Make a blank button to save.


bullet


The html code is set for all images and backgrounds to be jpgs.

You may change the file extensions but then change them in the code.

The scrolling background does not work well if you have any animation on the page.

It may slow down your scrolling background.

Remember to save your txt code as a html file.

I included scrolling code and the directions for it.

It is in the code.

You DO NOT need to add it to your code.

The background can scroll to the right or left.

My code has the background scroll to the left.

If you want the background to scroll to the right, change +1 to -1.

Make sure you have your bg1 sized 150 x 150.

To add music, add this code after the header.

You will need to change it to your file name and file extension.
 loop="false" <embed src="44.mp3" autostart="true" hidden="true">

bullet


This lesson needs you to include some words.

Also, note the color html coded numbers for the scroll bars#, borderlight color, borderdark color, font colors, and bg color
as they need to be changed to match your colors.

Use the bullet to break between lines in the poem.

Any changes you make with file extensions must all be changed
in the code so it works.

bullet


I hope you enjoy this Webset Tutorial.

email

You will find another version of this Tutorial here.


To return to the Webset Tutorial menu click HERE.





divider


map home


journal
guestbook
back

email


divider


footer

Designed by ŠAnn Stalls for  Lady Ann Designs 2010 All Rights Reserved