The Simpsons

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

body {
background-color: 91D220;
background-position: bottom left;
background-image: url("");
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 91D220;
scrollbar-face-color: FF8000;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 20px "kartika"; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 20px "kartika"; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:"kartika"; font-size:20px; color:000000; font-weight:none;border:0px; text-transform: lowercase; }  
a:link{font-family:"kartika"; font-size:20px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:active{font-family:"kartika"; font-size:20px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}
a:visited{font-family:"kartika"; font-size:20px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}
a:hover{font-family:"kartika"; font-size:20px; color: 000000; font-weight:none;border:0px; text-transform: lowercase;}

{Default Links}
a:link, a.man{font-family:"kartika"; font-size:20px; color:000000; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:"kartika"; font-size:20px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}  
a:visited{font-family:"kartika"; font-size:20px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;} 
a:hover{font-family:"kartika"; font-size:20px; color: 000000; font-weight:none;border:0px; text-transform: lowercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:"kartika"; font-size:20px; color:FFFFFF; font-weight:none;border:0px; text-transform: none; }

</style>

<div class="link" style="position: absolute; left:219px;  
top:1124px; width:74px; height:26px; overflow: visible;"> 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a><br>
</div>

<div class="link" style="position: absolute; left:342px;  
top:1124px; width:65px; height:26px; overflow: visible;"> 
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pictures</a><br>
</div>

<div class="link" style="position: absolute; left:414px;  
top:1124px; width:82px; height:26px; overflow: visible;"> 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">comments</a><br>
</div>

<img src="http://cbimg9.com/layouts/07/07/16/19581ab.jpg"><br><br><br>
Your Picture^<br>
Name: <br>
Age: <br>
That sort of stuff here.
<br><br>
<br><br>
<h1>About Me</h1>
about me stuff here<br>
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah

<h1>Interests</h1>
interests and such here<br>
or whatever<br>
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br><br>
</div>