Adding Backgrounds

For this tutorial you will need:
PSP

This is how to create a web page using premade codes

The 1st one we shall be doing is a 2 layer code.

Make sure you have all the backgrounds you want to use saved and uploaded to your Groups photo album.

Have 2 windows open, one with your page or message board you are about to create and the other with your backgrounds album.

Copy the HTML code given below making sure you copy entirely as shown from the < at the beginning to the > at the end.

<CENTER>
<TABLE background="
Your Background URL" border=0 cellPadding=40 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD width="100%">
<P>
<CENTER>
<TABLE background="
Your Background URL" border=0 cellPadding=40 cellSpacing=0 width="97.5%">
<TBODY>
<TR>
<TD width="97.5%">
<P>
<CENTER>

and open the window with your page or message board on.

Scroll to the bottom of your page or message board and tick the HTML box

Delete any text that may be in there by highlighting it and hitting delete on your keyboard.

Now paste the code you have just copied (ctrl+v) it should now look like this

Now we will add your background

Go to the album that contains the 1st background you want to add and open the thumbnail by clicking on the name

Right click on the opened background and select properties

This box will appear

Highlight the URL and right click to select all

Right click again to select copy

Click OK

Go back to your page or message board, highlight and delete the text that says your background URL

Don't delete the " "

 

Now paste the background url you copied where the text was (ctrl+v)

Make sure its between the " "

This is what you should now have

Go back to the album containing your backgrounds and copy the url of the 2nd background tile.

Open the page again and look for the 2nd lot of text that says your background URL. As you did earlier delete that text and paste the background url in its place.

Uncheck the HTML box and you will see your backgrounds

 

Don't worry about how small it looks, it will grow in length as you add your content.

 

You can now type in text and add your graphics (graphics have to be uploaded from an album)

When you feel happy with your page click on create page

or send message if using a message board

You can create a page and return to edit it by finding your web page on the side menu and selecting it, you will see edit this page appears underneath it. (this does not work for message boards.)

 are you feeling brave? try a 3 layer code

 

<CENTER>
<TABLE background="
Your Background URL" border=0 cellPadding=40 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD width="100%">
<P>
<TABLE background="
Your Background URL" border=0 cellPadding=40 cellSpacing=0 width="98.5%">
<TBODY>
<TR>
<TD width="97.5%">
<P>
<CENTER>
<TABLE background="
Your Background URL" border=0 cellPadding=40 cellSpacing=0 width="97.5%">
<TBODY>
<TR>
<TD width="96.5%">
<P>
</td>
</tr>

If you are interested in learning more about HTML try our Advanced Web Design course HERE

 

Tutorial written by RobbieFan 2003
Tutorials Robbie, Lyn & Shell 2002
Page design SLANT Digital 2005