Example 2: Make image we added in Example 1 as background
more visible on the MySpace Profile page


1) Enter the below code in the BOX: 
Example 2: 
 
<nff code="layout">
<style type="text/css">
.code { GreatWebLayouts for myspace}
</style>

<style type="text/css">

table, tr, td { background-color:transparent; border:none; border-width:0;} 

body {
	border:2px dashed ffffff; 
	background:url('http://i113.photobucket.com/albums/n210/gwldn/Jewel_Tone/jewel_tones_0096_1000x800.jpg') 
	no-repeat fixed center 50%; 
	}

</style>
</nff code="layout">
2) Click Preview Profile.

3) Click Save. You will have to save and view your MySpace Profile page at www.MySpace.com/yourURLname to see this code change.

4) What to look for from Example 2:
On your saved MySpace Profile page at www.MySpace.com/yourURLname page you will see the image displayed as the full background.

5) Note that the different in the code between Example 1 and Example 2 is only the one line:
table, tr, td { background-color:transparent; border:none; border-width:0;}

Why didn't I just add that one line of code to the previous Example 1 and be done with it?

If you were going to just add a light color image as a background and that is all, then doing the code in Example 1 and Example 2 together would have been fine. But to go on and make changes to the font (text) colors and add images to other parts of your Myspace Profile page you need to understand what code modifies what section. And you definitely need to think in 'tables' and how the cascading style sheet (CSS) code changes the display of objects in each table.

Don't decide, 'hey tables and CSS are way past what I want to learn.' If you do it step by building block step, you will ease into it.

In Example 3 will discuss changing the font (color, family, size) in various areas of the text on our MySpace Profile Page.

If you want to receive an email when I add more help text then click the Subscribe button on the home page of www.GreatWebLayouts.com.