Myspace backgrounds HOWTO #2 - Advanced Guide

See our tileable backgrounds or See our desktop backgrounds or myspace tutorial #1

This howto explains how to use a fixed background on your Myspace profile and how to manually define your profile's colors.

If you read this, I assume you have already read www.backgroundsarchive.com/myspace. If not, go there first, as it explains basic actions you should take in order to change your Myspace profile.

In our last tutorial we explained how you can upload a tileable background to Imageshack and how to enter the right code to your Myspace profile. However, for your profile to look more like www.myspace.com/backgroundsarchive, with seperately colored tables and text, you will have to use more advanced code.

Below you find the required code in blue, with in red an explanation of each part. If you do not know how to enter the code, go here. If you have a question left about how to change your profile, feel free to send us an email or message user Serhat or Madelon.

When copying the code, do not copy the words in red! Do however change the values that are written in bold.

<STYLE>
/* * Defining Your Background **/
body
{
background-image:
url(http://img155.imageshack.us/linktoyouruploadedbackground.jpg);/* Enter link to your own background here. */
background-color: FFFFFF; /* Choose a color code for your background. Click here for full list of color codes. */
background-repeat: repeat; /* Either choose repeat or no-repeat. */
background-attachment: fixed; /* This is how you say you want your background to not move (be fixed). */
}

/* * Modifying The Table * */
table, td
{
background-color:transparent;
border:0px;
}

table table table
{
background-color:FFFFFF; /* Here you define the color of the table. Click here for full list of color codes. */
}

table table table
{
border-width:2;/* How wide (in pixels) do you want your table border to be? */
border-color:FFFFFF; /* Choose your border color. Click here for full list of color codes. */
border-style:solid;/* There are various options for border styles. The most popular are dotted, dashed, double and groove. */
}

table table table table
{
border:0px;
}

/* * Text and Link Properties * */
input
{
background-color:transparent !important;
}

td, span, div, input, a, table td div div font,
body div table tbody tr td font
{
font-size:10 pt; /* What size should your font be? Anything from 10to 13 is okay. */
font-family:verdana !important; /* What font do you want to use? You can also decide for arial, courier or helvetica. */
}

td, span, div, input, table td div div font,
body div table tbody tr td font
{
color:FFFFFF !important;/* Choose a font color. */
}

.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10
{
color:FFFFFF !important;/* Choose a font color again. You probably want it to be the same. */
}

a
{
color:FFFFFF !important;/* Choose the font color of your links. */
text-decoration:none !important;
text-transform:none !important;
font-weight:normal!important;
font-style:normal !important;
}

a:hover
{
color:FFFFFF !important; /* Choose the font color when your mouse goes over your links. */
text-decoration:none !important;
text-transform:none !important;
font-weight:normal !important;
font-style:normal !important;
}

/* * Other Stuff * */
img
{
border:0px;
}

.text
{
align:left;/* Choose either left, center or right for your text alignation. */
}
</style>
<br /> <a href="http://www.backgroundsarchive.com">I got my background from Backgrounds Archive!</a><br />