Stussy Div Overlay

Designer's Comments

Look carefully for specific instructions

1. PASTE CODES INTO SPECIFIED AREAS
2. ONLY EDIT 'WHO I'D LIKE TO MEET' SECTION
3. REPLACE ALL 'XXXXXX' with your friend ID
4. REPLACE "http://cbimg9.com/layouts/08/07/29429ac.gif" under basics
with your own image.

You can alter anything but the credit[:
Please Comment&Favorite
Feel free to criticize.[:
THANKS!

more layouts here!

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 {
background: url('http://cbimg9.com/layouts/08/07/29429aa.jpg'); 
background-position:bottom center;
background-color:black;
line-height:; 
cursor:;}

.aboutme { 
background-color:transparent; 
width:305px; 
height:242px;
position:absolute; 
top:283;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
border-color:white;
border-width:1px;
left: 50%;
margin-left:-143px; 
z-index:5;}

.nav{ 
background-color:transparent; 
width:120px; 
height:180px;
position:absolute; 
top:283;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
border-color:white;
border-width:1px;
left: 50%;
margin-left:170px; 
z-index:5;}

.basics{ 
background-color:transparent; 
width:118px; 
height:242px;
position:absolute; 
top:283;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
border-color:white;
border-width:1px;
left: 50%;
margin-left:-296px; 
z-index:5;}

.div { 
background:none; 
overflow:auto; 
position:absolute;top:210;
text-align:left; 
visibility:visible;
left: 50%;
margin-left:-340px; 
z-index:0;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:C6C6C6; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 17px;}

h1 {
font: 8pt "arial";
text-align: right;
letter-spacing: 4px;
text-transform: uppercase;
margin: 0 0 10px 0;
color:gray; 
border-bottom:2px solid;
border-bottom-color:white;
font-weight:bold;}

a:link, a:visited, a:active {text-transform:uppercase;font-family:arial;color:white;font-size:8pt;font-weight:;}
a:hover {text-transform:uppercase;font-family:arial;color:gray;font-size:8pt;font-weight:;}

a.navbar:active, a.navbar:visited, a.navbar:link{text-transform:uppercase;font-family:arial;color:172656;font-size:8pt;font-weight:bold;} a.navbar:hover {text-transform:uppercase;font-face:arial;font-family:8pt; color:black; font-weight:bold;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

</map></div>

<div class="aboutme">
<h1>TITLE HERE</h1>
about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me

</div>

<b>Name:</b> NAME       <br />
<b>Age:</b>  AGE      <br />
<b>Sex:</b>  Sex      <br />
<b>Location:</b>  LOCATION    <br />
<b>School:</b>  SCHOOL      <br />

</div>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MWJmZGQ1Y2QtOWMxZC00NmZhLTgzYzQtN2YzMGUwZmUzZmZh">home </a><BR>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0">View Pics</a><BR>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a><BR>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a><BR>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=c31c14d6-d1fd-4cc8-bb9d-215f8a6f6996">message</a><BR>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=c31c14d6-d1fd-4cc8-bb9d-215f8a6f6996">comment </a><BR>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add </a><BR>
<a href="http://home.myspace.com/index.cfm?fuseaction=block.blockuser&userid=XXXXXXXX">block </a><BR>
</div>

Layout Comments

Showing latest 10 of 17 comments

cute & cool.

By chanieannie on Nov 20, 2008 12:29 am

where do i get the codes to replace ""http://cbimg9.com/layouts/ 08/07/29429ac.gif" with my own??

sorry, i dont understand what u mean by "under basics"

By ashbby on Nov 17, 2008 6:21 am