Rapture

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all XXXXXXX with friend id,
this is a 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 type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;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;!important;border:0px;!important}
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;}
</style>
<style type="text/css">
.bodyContent td div div a:last-child, .bodyContent td div div span {display:none;}
</style>
<style type=text/css>

body {
background-color:000209;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
)
</style>
<style type=text/css>
a:link, a.man{font-family:century gothic; font-size:9px; color:515a2b; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 2px;}  
a:active{font-family:century gothic; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}

</style>
<style type=text/css>
h1 {
font-family: trebuchet ms;
color:051571;
text-transform:uppercase;
font-size:13pt;
padding-bottom: 5px;
font-weight: normal;
background-color: transparent;
border-bottom: 1px solid 2c1306;
margin-bottom: 10px;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div style="position: absolute; left:280px;  top:300px; width:200px; height:150px; overflow: auto;">
<h1>name</h1>
<b>Age:</b>Age Here<br>
<b>Town:</b>Town Here<br>
<b>Orientation:</b>Orientation Here<br>
<b>Other:</b>Other Here<br>
</div>
<div style="position: absolute; left:780px;  top:300px; width:200px; height:150px; overflow: auto;" align="right">
<h1>Navi</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> <br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pictures</a> <bR><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a> <br><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a> <br><a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add me</a>

</div>

<div style="position: absolute; left:279px;  top:470px; width:300px; height:180px; overflow: auto;">
<h1>About Me</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>

<div style="position: absolute; left:679px;  top:470px; width:300px; height:180px; overflow: auto;" align="right">
<h1>Who I'd like to meet</h1>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</div>