Bluelephant

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;}
.navigationbar {display:none;}
.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;}

div.banner
{background-image:url('http://cbimg6.com/layouts/08/01/05/24437ab.png');
background-repeat:no-repeat;
background-position:top left;
height:600px;
width:800px;
top:90px;
background-color:transparent;
left:50%;
margin-left:-399px;
position:absolute;}

div.nav
{position:absolute;
left:50%;
margin-left:40px;
top:200px;}

div.content 
{position:absolute;
left:50%;
width:300px;
font-family:arial;
font-size:10pt;
color:black;
top:430px;
margin-left:-332px;}

a:link, a:visited, a:active
{color:deepskyblue;
background-color:transparent;
text-decoration:none;}
a:hover {color:deepskyblue; text-decoration:none; background-color:black;}

a.home{display:block;
width:228px;
height:83px;
background-position:top left;
background-image:url('http://cbimg6.com/layouts/08/01/05/24437ac.png');}
a.home:hover {height:83px; width:228px; background-position:top right;}

a.pictures{display:block;
width:228px;
height:83px;
background-position:top left;
background-image:url('http://cbimg6.com/layouts/08/01/05/24437ad.png');}
a.pictures:hover {height:83px; width:228px; background-position:top right;}

a.comment{display:block;
width:228px;
height:83px;
background-position:top left;
background-image:url('http://cbimg6.com/layouts/08/01/05/24437ae.png');}
a.comment:hover {height:83px; width:228px; background-position:top right;}

a.add{display:block;
width:228px;
height:83px;
background-position:top left;
background-image:url('http://cbimg6.com/layouts/08/01/05/24437af.png');}
a.add:hover {height:83px; width:228px; background-position:top right;}

a.message{display:block;
width:228px;
height:83px;
background-position:top left;
background-image:url('http://cbimg6.com/layouts/08/01/05/24437ag.png');}
a.message:hover {height:83px; width:228px; background-position:top right;}

h1 
{color:navy;
font-size:12pt;
text-transform:uppercase;
line-height:12pt;
padding:1px;
font-family:century gothic;
font-weight:400;
height:11pt;
valign:center;
background-color:black;
color:deepskyblue;
width:100%;
margin-bottom:10px;
margin-top:4px;}

p {margin-top:5px; margin-bottom:5px;}

textarea {background-color:black; border:black solid 2px; color:deepskyblue; width:120px; height:40px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>Finally Finished</h1>
Well here's where all of your content is going to go :] this layout was missions to create! hahah.<br><br>

It's not much, but it's got image rollovers ;)<br>
If you don't like the "message" image rollover (I don't like it much) then just delete it :)<br><br>

Hope you guys like it.<br>
- <a href="http://www.pill-pop.net">pill-pop.net</a>
<h1>Credits</h1>
Everything on this layout was created by me on photoshop, and coded by me.
</div>