Simple Blue

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXXXX's with your friend ID.
Tested in IE and Firefox.
Enjoy!

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 type="text/css">
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

tr td div select{display:none!important;position:relative !important; left:-5000px;}
body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

select { visibility:hidden!important; WIDTH:0px!important;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:22AACC;
background-image:url(); 
background-position:Center Center; 
background-attachment:scroll; 
background-repeat:no-repeat;
cursor:default;
font-weight:normal;
scrollbar-face-color:; 
scrollbar-highlight-color:; 
scrollbar-3dlight-color:; 
scrollbar-shadow-color:; 
scrollbar-darkshadow-color:; 
scrollbar-arrow-color:; 
scrollbar-track-color:;
}

a:link, a:visited, a:active {
font-family:century gothic;
font-size:13px;
font-weight:normal;
color:FFFFFF;
text-decoration:none;
text-transform:none;
}

a:hover {
font-family:century gothic;
font-size:13px;
font-weight:normal;
color:000000;
text-decoration:none;
text-transform:none;
}

div.image 
{position:absolute;
margin-left:-284;
left:50%;
top:150px;
width:569px;
height:312px;}

div.aboutme 
{position:absolute;
margin-left:-245;
left:50%;
top:189px;
width:315px;
height:212px;}

.aboutme {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:century gothic;
font-size:13px;
color:FFF;
align:center;
font-weight:normal;
margin:0;
padding:0;
}

</style>

<div class="aboutme">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>