To use the Mossy Oak MySpace Layout, follow these simple steps:

Login to Myspace, Go to "Edit Profile"

In the "About Me" Section under Interests and Personality, enter the following code:

<style type="text/css">
body {
  background-image:url('http://www.mossyoak.com/myspacelayout/images/background.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:Top Center;
  border-width:0;
  border-style:solid;
  scrollbar-3dlight-color:;
  scrollbar-darkshadow-color:;
  cursor:Default;
  color:333300 !important;
  font-family:Verdana;
}
table, tr, td {background:transparent; border:0px;}
table table table {
  border-width:2;
  border-color:333300;
  border-style:solid;
  background-color:transparent;
}
table table table table {border:0px;}

input {background-color:transparent !important;}

td, span, div, input, a, table td div div font,
body div table tbody tr td font {
  color:333300 !important;
  font-family:Verdana !important;
  text-align:;
}
td, span, div, input, table td div div font,
body div table tbody tr td font {
  color:333300 !important;
  font-family:Verdana !important;
  text-align:;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited, .btext, .redbtext, .nametext {
  color:333300 !important;
  font-family:Verdana !important;
  text-align:;
}
a {
  color:330000 !important;
  font-family:Verdana;
  text-align:;
 }
a:hover {
  font-family:Verdana;
  text-align:;
 }
img {  border:1;
}

 Table, Td{
background-color:transparent;
}

table table table{
width:100%;
  background-color:transparent;
}

td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}

</style>
<div style="position:absolute;left:0px;top:0px;width:80px;height:50px;"><a href="http://www.mossyoak.com/default2.asp" target="_self"><img src="http://www.mossyoak.com/myspacelayout/images/clickhere.gif" border="0" alt="Click Here to visit the official home of Mossy Oak Brand Camo!"/></div></a>

Test using the “Preview” button.

This layout is really basic, there are very few modifications taking place except for the background image, which is sized to the standard MySpace layout and the border, text, and link colors. There is code to resize comment images so that they don't break the layout. I’ve also added a link back to Mossy Oak in the top left corner of the browser window, which can be disabled by deleting the lines at the bottom of the above code that begins '<div style=”position...” '

If there are other modifications that have been made to the myspace layout, adding this code may cause display issues. In order to display properly, this code should replace everything that might be contained in the <style type=”text/css”> tags. Other custom content should not be affected if it is left in the “about me” section.

I would very strongly recommend that you copy all of the current contents of the “about me” section and save them in a word or notepad document BEFORE you experiment with replacing anything. That way if things get messed up you can always cut and paste exactly what you had originally back into your “about me” section.

Thanks for your interest in Mossy Oak. Don't forget to add us as a friend.