Photosynthetic

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all "XXXXXX" with your own friendID number

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>
div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.blacktext10, .nametext,div b font font, div font font u,table table table
table, table table table table td.text, td.text td.text table,table.contacttable {
display:none;
}

div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
di-splay:none;
}

td.text table table {
display:inline; 
visibility:visible;
}

embed {
position:absolute;
top:0px;
left:0px;
display:block;
width:0px;
height:0;}

a:active, a:visited, a:link {
cursor:default; 
font-family:tahoma; 
color:642e0a; 
font-size:7pt;
}

a:hover {
cursor:default; 
font-family:tahoma; 
color:93c91b; 
text-decoration:none;
font-size:7pt;
}
</style>

<style>

body {
background-color: ffffff;
background-image: url('http://cbimg6.com/layouts/08/08/30934aa.png');
background-repeat: repeat;
background-position: center;}

</style>

<style>

.bar {position:absolute; 
left:0px; 
top:0px; 
overflow:none; 
width:800px; 
height: 200px;
background-image:url(http://cbimg6.com/layouts/08/08/30934ab.png);
z-index:-1;}

.titles {font-family:tahoma;
font-size:7pt;
color:583c2a;
border-bottom:1px solid;
border-color:923d00;}

.aboutme {position:absolute; 
left:153px;
top:565px; 
overflow:auto; 
background-color:transparent;
border:0px; 
width:215px;
height:280px;
font-family:tahoma;
font-size:7pt;
color:583c2a;}

.extra {position:absolute;
left:196px; 
top:1017px; 
overflow:auto; 
background-color:transparent; 
border:0px; 
width:245px;
height:240px;
font-family:tahoma;
font-size:7pt;
color:583c2a;}

a.credit {height:102px; width: 134px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30934ac.png) top left no-repeat; 
display: block;}
a.credit:hover  {background-position: bottom left;}

a.home {height: 201px; width: 197px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30934ad.png) top left no-repeat; 
display: block;}
a.home:hover {background-position: bottom left;}

a.add {height:22px; width:124px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30934ae.png) top left no-repeat; 
display: block;}
a.add:hover {background-position: bottom left;}

a.msg {height: 19px; width: 82px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30934af.png) top left no-repeat; 
display: block;}
a.msg:hover {background-position: bottom left;}

a.cmnt {height: 26px; width: 90px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30934ag.png) top left no-repeat; 
display: block;}
a.cmnt:hover {background-position: bottom left;}

a.pics {height: 102px; width: 96px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30934ah.png) top left no-repeat; 
display: block;}
a.pics:hover {background-position: bottom left;}

a.block {height: 55px; width: 48px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30934ai.png) top left no-repeat; 
display: block;}
a.block:hover {background-position: bottom left;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="ABOUTME"><p class="titles">about me</p>Visit <a href="http://superednerd.createblog.com/layouts" target="new">superednerd</a> for more layouts!</div>

<div class="EXTRA"><p class="titles">who i'd like to meet</p>See the skull at the bottom of the page? Click it to visit the creator!<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam molestie euismod ipsum. Donec libero. Duis at nibh. Donec convallis, turpis eget vestibulum eleifend, nunc sapien pulvinar erat, consequat auctor nunc dolor vitae metus. </div>