The beauty of nature

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace my FriendID with your own :]

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 table td div form {display:none !important;}</style>

.navbar {display:none;}
font, body, table, body, td, li, p, textarea, li, h2, p, br {font-family:century gothic; font-size: 16px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 16px; background-color:transparent;}

.text {font-family:century gothic; font-size: 16px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 16px;}

.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}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height: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;}

a:link, a:active, a:visited {color:plum;}
a:hover {color:9999FF;}

hr {width:100%; height:1px; color:CC6699;}

h1 {color:CC6699; border-bottom:CC6699 dashed 1px; width:100%; font-family:century gothic; letter-spacing:-1px; text-align:center; font-size:20px; line-height:22px; font-weight:400; valign:center; margin-top:2px; text-transform:uppercase; margin-bottom:4px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="position:absolute; overflow:auto; color:9999FF; font-size:14px; font-family:arial; width:490px; height:275px; top:206px; left:50%; margin-left:-86px;">
<h1>Header one</h1>
<center><a href="http://implode.unphased.org">This is what a link will look like</a>.</center><br>Write Write Write Write Write Write Write Write Write Write Write Write  Write Write Write Write Write Write
<h1>Header two</h1>
Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write
<h1>Credits</h1>
Many images went into creating the layout image. It took a lot of experimenting :) All images were from <a href="http://deviantart.com">deviantART</a> and editted in <a href="http://adobe.com">Photoshop CS2</a> by Joe at <a href="http://implode.unphased.org">Implode Resources</a>.
</div>