Web Set Tutorial 12 Author: Ann Stalls December 18,2008 Supplies ready-made background tiles. Supplies Needed: pattern background textured background Textured strip 1 gradient strip 2 animated pattern plaid background header back button email button home button next button divider guestbook footer The supplies must be colorized to match your tube. Also, change the color html coded numbers for the scroll bars#,font color and bgcolor#. 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 except bg4 so you will have to change it. Let's get started! 1. Create the following files. header bg1 bg2 bg3 bg4 bg5 bg6 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 gradient strips such as bg2, bg3, bg4 and bg5.) Do a seamless tile on each bg using default settings. My supplies do not need a seamless tile. bg1 bg2 bg3 bg4 bg5 bg6 Buttons All buttons will be sized around 200 x 200 or smaller. You can resize a duplicate of 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 can resize a copy of your header or make something else to match. guestbook Dividers can be made to match your webpage. Make sure you use the bgcolor bg6 under your divider of choice. divider Footers should be a duplicate of your header resized to 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 and show up. You need to choose a bgcolor and border colors. 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 to 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