header

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

Start Next Prev End ©H


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





Supplies Needed:



Supplies and codes are HERE.

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


Supplies include:

4 greyscaled texture


You will need to colorize them or create your own.



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.

You must include the noclick.js in your folder.

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 extenstion.

<embed src="44.mp3" autostart="true" 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 extenstions 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.

I would love for you to show me what you did with this tut.

Email me at pinkrose4ann@yahoo.com or join our group.

Join us by clicking on the Pink Rose Creations blinkie.

 Join Us

Please come back again

I am always updating.


To return to the Webset Tutorial menu click
HERE.







divider


back email


next
       guestbook
map

links
home



divider




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