Yo Me

Myspace Layouts / Div Overlay

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>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}

div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }

body div table tbody tr td font {visibility:hidden;}
body table div table tbody tr td font {visibility:visible;}

.div{
position: absolute;
left: 50%;
margin-left:-500px;
top: 100px;
z-index: 0; }

.aboutme{

color:000000;
font-size:9;
font-family:verdana;
position: absolute;
left: 50%;
margin-left: -70px;
top: 513px;
z-index:2;
width: 284;
height: 355px;
overflow: auto;
border: 3px;
}
.box{

color:000000;
font-size:9;
font-family:verdana;
position: absolute;
left: 50%;
margin-left: -467px;
top: 735;
z-index:2;
width: 585;
height: 338;
overflow: auto;
border: 3px;
}

.nav{
position: absolute;
left: 50%;
margin-left: -467px;
top: 1009;
z-index:5;
width: 585px;
height: 200px;
overflow: none;

}

a,u,s {font-weight:normal;color:000000;}
a {color:000000!important;}
a:hover {font-family:arial;color:1b84e5!important;font-size:15px;}
u {color:1e8ef4;}
border-bottom:1px solid;
border-color:f394cf;}
i {font-size:13px;color:5e7891;}
b {font-size:13px;color:1563aa;}
a img { border:1; }

body { background-color:c3bcb5;}

a, a:hover {text-decoration:none !important;}
div, h1
{font-family:arial;font-size:12px;color:000000;
cursor:default;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme"><b>Age:</b> 18<br />
<b>Hobbies:</b> Basketball, Web design, Movies, Beach, Hanging out etc..<br />
<b>Status:</b> Single :)<br /><br /><center><i>Favorite quote</i><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate sodales vestibulum. Suspendisse potenti. Nulla dictum laoreet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas lobortis tempor elit, nec scelerisque metus molestie id. Integer ac eros erat, sed adipiscing neque. Suspendisse in orci in tellus blandit mollis. Morbi condimentum commodo enim nec venenatis.</center></div>

<div class="box"><center><h1><b>About Me</b></h1><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vulputate sodales vestibulum. Suspendisse potenti. Nulla dictum laoreet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas lobortis tempor elit, nec scelerisque metus molestie id. Integer ac eros erat, sed adipiscing neque. Suspendisse in orci in tellus blandit mollis. Morbi condimentum commodo enim nec venenatis. Aenean in neque odio, eleifend lobortis tortor. Vestibulum congue, augue dictum ultricies consectetur, massa ligula elementum nisi, et mattis arcu dui sit amet tortor. Donec non mauris quis nulla faucibus imperdiet ut vel justo. Duis et sapien sed odio tristique fringilla. Proin eleifend libero ut augue gravida id laoreet elit tempus. Praesent molestie porttitor elementum.
<br /><br />
Proin porttitor tristique tristique. Mauris urna neque, aliquet vel feugiat eget, hendrerit ut leo. Morbi cursus feugiat elit auctor mattis. Maecenas hendrerit placerat faucibus. Nunc ut erat fermentum tellus lobortis tincidunt aliquam non orci. Phasellus lacinia pulvinar urna, at luctus dolor elementum euismod. Nulla et nisi mi. Sed ac risus ante. Suspendisse potenti. In hac habitasse platea dictumst. Sed viverra metus vitae erat venenatis ut rhoncus mi fermentum. Mauris porta dignissim fermentum. Duis quam justo, bibendum at sagittis vitae, commodo non dui. Nam vitae nisi urna. Ut feugiat cursus arcu, eget dictum dolor consectetur eu. In et sem ut odio tempus tristique. Pellentesque tempor consectetur lorem, gravida feugiat odio scelerisque at. Sed mollis mi dui. Suspendisse varius nisi nec nibh posuere suscipit.</center> </div>

<div class="nav"><h1 class="navi">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="c">Home</a> | 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="c">Add Me</a> | 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="c">Comment Me</a> | 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="c">Message Me</a>

</div>