Cloud

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; }

.one{
position: absolute;
left: 50%;
margin-left: -345px;
top: 175px;
z-index:2;
width: 424px;
height: 355px;
overflow: auto;
border: 3px;
scrollbar-arrow-color:faf4ff;
scrollbar-track-color:155c9f;
scrollbar-shadow-color:1c79d2;
scrollbar-face-color:1c79d2;
scrollbar-highlight-color:1c79d2;
scrollbar-darkshadow-color:1c79d2;
scrollbar-3dlight-color:1c79d2;
}
.two{
position: absolute;
left: 50%;
margin-left: 94px;
top: 331px;
z-index:2;
width: 249px;
height: 200px;
overflow: auto;
border: 3px;
}
.top1{

color:cdcdcd;
position: absolute;
left: 50%;
margin-left: 160px;
top: 161px;
z-index:2;
width: 176px;
height: 100px;
overflow: auto;
border: 3px;
}
.flash{
position: absolute;
left: 50%;
margin-left: 350px;
top: 252px;
z-index:9;
width: 200px;
height: 350px;
overflow: auto;
border: 3px;
}
.flash2{
position: absolute;
left: 50%;
margin-left: -550px;
top: 252px;
z-index:9;
width: 200px;
height: 350px;
overflow: auto;
border: 3px;
}

.nav
{position:absolute;top:135px;margin-left:-370;left:50%;width:436px;background:green;}
.nav a
{font-family:small fonts;font-size:9px;
color:405530;display:block;
}

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:0d3c68;background-image:url(http://cbimg6.com/layouts/09/05/34722aa.png); background-repeat:repeat-x; background-position:top left; }

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="nav"><center>
<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>
</center>
</div>

<div class="top1"><center>crusha.createblog.com<br />myspace.com/giorgi101</center></div>
<div class="one"><b>Bold</b><u> Underline</u><i> Italic</i><br /><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> In metus magna, facilisis venenatis consectetur vitae, tristique ac lorem. Nunc nec urna est. Quisque ornare bibendum mollis. Proin sit amet arcu quis justo euismod adipiscing. Phasellus volutpat mi vitae quam lobortis scelerisque. <u>Integer urna erat, ornare vel blandit ac, vestibulum et turpis. Quisque eu sem et erat pellentesque scelerisque eu in erat. Nulla facilisi. Praesent sem sem, molestie vitae ornare id, luctus sit amet nisl. Integer suscipit vehicula viverra. Duis egestas tempus mi, quis sodales orci scelerisque a. Curabitur quis augue nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer nisl nisi, interdum vel consectetur in, adipiscing vehicula eros. Pellentesque consectetur diam quis nulla auctor vitae cursus enim malesuada.</u> Suspendisse consectetur, orci ut vehicula viverra, elit erat cursus nibh, et gravida sapien eros vestibulum libero. Fusce eu diam id neque bibendum sollicitudin. Mauris suscipit commodo erat, at pretium magna malesuada in.
<br /><br />
<i>Morbi dignissim tellus vel elit suscipit ullamcorper. Nullam viverra varius laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lectus nisi, bibendum vitae ultricies eu, porttitor porttitor odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </i>Mauris nec elit diam. Donec aliquam nunc mi. Etiam vehicula diam eros. Proin quis consequat eros. Nulla sed turpis eu lorem eleifend suscipit.
<br /><br /> </center></div>

<div class="two">
<b>Age:</b> 18<br />
<b>Sex:</b> Male<br />
<b>Status:</b> Single<br />
<br /><center><u>My favorite Quote</u><br />
Morbi dignissim tellus vel elit suscipit ullamcorper. Nullam viverra varius laoreet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer lectus nisi. </center>
</div>