Web Set Tutorial 14 Author: Ann Stalls January 7,200 Supplies greyscaled background tiles, frame.pspimage What you will Need: pattern background textured background Textured gradient strip 1 gradient strip 2 Supplies must be colorized to match your tube or use your own. Also, note the color html code numbers for the scroll bars#,font color and bgcolor#. Replace all the color codes #XXXXXX with your colors and replace my information with yours. 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. Choose a lighter color for borderlight like this: This color is #9bb3cf. Choose a darker color for borderdark like this: This color is #516983. Replace my bordercolors with your colors(#XXXXXX). 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 gradient strips such as bg2 and bg3. Do a seamless tile on each bg1 and bg4 using default settings. My materials do not need a seamless tile. You will not add a white border around your backgrounds as I have. bg1 bg2 bg3 bg4 Buttons All buttons will be sized around 200 x 200 or smaller. You could 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 could resize a duplicate of your header or make something else to match. guestbook Dividers can be made to match your webpage. Make sure you use the bgcolor html code # for the background with 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. 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. If you have any questions, please email your Moderator Thank you! Lady Ann To see another example of this tutorial, click Here © Ann Stalls 2009 All Rights Reserved Designed by Ann Stalls Music by: Song:""