The Grass Is Greener...

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

(coming.soon)

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
body {
background-color:CCFFCC;
font-weight:bold;
font: normal 14px Georgia;
color: black;
}

b, strong, .btext {color:EC5700;}
i, em, .itext { color:EC5700;}
u, .utext {color:EC5700; font-weight:italic;}
s {color:EC5700;}

.background
{display:block; height:550px; width:890px; position:absolute; top:97px; left:50%; margin-left:-445px; overflow:hidden;}

.misc {
display:block;
position:absolute;
width:250px;
height:144px;
top:493px;
left:50%;
margin-left:62px;
overflow:auto;
font-size:12px;
color:black;
}

.about { 
display:block;
position:absolute;
width:327px;
height:345px;
top:117px;
left:50%;
margin-left:-355px;
overflow:auto;
font-weight:bold;
font: normal 14px Georgia;
color: black;
}

.photo {
display:block;
position:absolute;
top:285px;
width:224px;
left:50%;
background:url(http://cbimg6.com/layouts/09/08/35402ab.png);
margin-left:75px;
height:155px;
overflow:hidden;
}

.photo a {display:block;width:200px;height:150px;visibility:visible;}
.photo a:hover img {padding:100%;display:block;visibility:hidden;}

.video {
display:block;
position:absolute;
width:370px;
height:295px;
top:647px;
left:50%;
margin-left:-375px;
}

.video2 {
display:block;
position:absolute;
width:370px;
height:295px;
top:647px;
left:50%;
margin-left:0px;
}

h1 {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:000000;
text-align:center;
color: EC5700;
font-weight:bold;
font-size:13px;
font-family: tahoma;
display: block;
letter-spacing: .1em;
margin-top: .5em;
margin-bottom: .5em;
text-transform: uppercase;
}

table, tr, td 
{border: none; background-color: transparent; padding: 0;}
table 
{border: none; background-color: transparent;}
table table 
{border: none; border-color: none; background-color: transparent;}
table table table 
{border:none; background-color: transparent; padding:0;}
table table table table 
{border: none; border-color: none;}
a, a:link, a:active, a:visited 
{color:6498cc; text-decoration:underline; font: 14px/1.5em Georgia;}
a:hover 
{color: white; text-decoration: none; font: 14px/1.5em Georgia;} 
a:link img, a:visited img {filter: none;border:0px;}

.contacttable, .whitetext12,
.nametext, .lightbluetext8,
.orangetext15,.blacktext12,
.btext,.redtext,
.redbtext, .userprofileurl, 
.interestsanddetails, .userprofiledetail,
.latestblogentry, .blurbs td.text, 
.blurbs .orangetext15, .friendspace,
.friendscomments, .userprofileapp, 
.profileinfo
{visibility:hidden !important;}
div.clearfix table div div {display:block;}
table div div, table div font,
div.topnav{ display:none; }
.header_gae {visibility:visible}

.clearfix {margin-top: -45px;  height: -0px; width:63.5%;}
div div, div td {background-color:; background-image:none!important;}
div.profileWidth {margin-top: -57px !important;}
div.profileWidth div.clearfix {position:relative; top:100px !important; margin-left:40px !important;}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:0px !important; left:40px !important; display:none !important;}

a img {border: 0px;}

a.home:hover, a.msg:hover, a.friends:hover, a.add:hover {
background-position:bottom right;
}
a.home {
display:block;
background-image:url(http://cbimg6.com/layouts/09/08/35402ac.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:45px;
height:70px;
width:60px;
}
a.add {
display:block;
background-image:url(http://cbimg6.com/layouts/09/08/35402ad.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:119px;
height:70px;
width:60px;
}
a.msg {
display:block;
background-image:url(http://cbimg6.com/layouts/09/08/35402ae.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:193px;
height:70px;
width:60px;
}
a.friends {
display:block;
background-image:url(http://cbimg6.com/layouts/09/08/35402af.png);
background-position:top left;
position:absolute;
top:204px;
left:50%;
margin-left:270px;
height:70px;
width:60px;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about">
<h1>Write What You Want Here</h1>
This section is to write whatever you want to about yourself, add pictures, and everything inbetween. I am going to use this space to give you examples of different styles of text you can use and what they look like.<br /><br /><b>BOLD TEXT</b><br /><i>ITALICIZED TEXT</i><br /><u>UNDERLINED TEXT</u><br /><s>STRIKETHROUGH TEXT</s><br /><br />If you have any questions or need help with coding, you can always contact me at http://www.myspace.com/zerothompson<br />or simply click <a href="http://www.myspace.com/zerothompson">here</a>.<br /><br /><center><img src="http://cbimg6.com/layouts/09/08/35402ah.png" border="0"></center>
</div>

<div class="misc">
<center>
Name: Zero Grafics<br />Status: Married<br />Hometown: Bay Area<br />Orientation: Straight<br />Body Type: 5' 10" / Average<br />Ethnicity: White/Black<br />Zodiac Sign: Cancer<br />Children: Proud Parent<br />Smoke/Drink: No/No
</center>
</div>