header

Click on the next button below to view my 10 flower slide show.

Start Next Prev End İH


Web Set Tutorial 58
Author: Ann Stalls
January 16, 2011



supplies

Supplies include:

4 greyscaled texture

You will need to colorize them or create your own.




Supplies Needed:

Graphic or Tube for header
textured bg for bg1
textured bg for bg2
textured bg for bg3
texturedbg for bg4
buttons
guestbook
divider
bullet
10 images sized 500 x 500 for the slide show.


bullet




bullet


File Names:
Name your files as I have:

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

image1
image2
image3
image4
image5
image6
image7
image8
image9
image10



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.


Remember to save your txt code as a html file.


I included the slide code for future use.

This code already includes the slide code.

You must edit the colors in the slide code.

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">

bullet


This lesson requires you to include a poem or some words.

Also, note the color html coded numbers for the scroll bars#, font color, and bgcolor
need to be changed to match your colors.

Use the bullet to break between lines in the poem or a paragraph.

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

bullet


IMPORTANT:

Change the border color and font color for the slide code is here:

Replace #000000 with the border color you want.

Replace #e39e03 with your font color you want.



<table cellpadding=0 cellspacing=0><tr><td style="border: 3px ridge #000000;">< img id=pic border=0>< /td></tr>< tr><td>< table width=100% style="border: 3px ridge #000000; font-size: 13px; font-family: verdana, arial;">< td align=center><a style="color: #e39e03; cursor:pointer;" onclick="start()">Start</a></td> < td align=center><a style="color: #e39e03; cursor:pointer;" onclick="slideshow()">Next</a></td> < td align=center><a style="color: #e39e03; cursor:pointer;" onclick="prev()">Prev</a></td> < td align=center><a style="color: #e39e03; cursor:pointer;" onclick="end()">End</a></td>< td align=center><a href="http://www.hscripts.com" style="color: #e39e03; text-decoration: none;

I hope you enjoy this Webset Tutorial.

email


A webpage using this tutorial can be found here


divider


back email


next
       guestbook
map

links
home



divider




footer
Designed by İAnn Stalls for  Lady Ann Designs 2011 All Rights Reserved