Another Disaster.

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXXXX with your friend id. Please do not remove the credit. Thank you.

IF YOU DO NOT KNOW HTML, DO NOT USE THIS LAYOUT!

IMAGE CODE: Remove the slashes

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

img {border:0px;}

.splat {
font-family:small fonts;
font-size:7px;
padding:0px;
background-color:transparent;
text-transform:uppercase;
border:0px;
color:white;
width:75px;
text-align:left;
line-height:100%;
text-decoration:none;
display:block;
}

.splat:hover {
background-color:0682B6;
color:black;
text-align:center;
display:block;
}

a, a:link, a:visited, a:active {
text-transform:uppercase;
font-family:small fonts;
font-size:7px;
font-weight:normal;
text-decoration:none;
color:white;
}

a:hover {
text-transform:uppercase;
font-family:small fonts;
font-size:7px;
font-weight:normal;
text-decoration:none;
color:0682B6;
}

body {
background-image:url('http://cbimg6.com/layouts/07/08/25/20970ac.png');
background-attachment:scroll;
background-position:top left;
background-repeat:repeat;
background-color:black;
scrollbar-face-color:black;
scrollbar-track-color:black;
scrollbar-arrow-color:3BB9F6;
scrollbar-highlight-color:black;  
scrollbar-3dlight-color:black;
scrollbar-shadow-color:black;
scrollbar-darkshadow-color:black;
}

.layout {
position:absolute;
overflow:auto;
top:100px;
left:0px;
background-color:transparent;
border:0px;
}

.content {
position:absolute;
overflow:auto;
top:305px;
left:160px;
background-color:transparent;
border:0px;
font-family:trebuchet ms;
font-size:9px;
line-height:9px;
font-weight:normal;
color:white;
width:245px;
height:230px;
scrollbar-face-color:647A19;
scrollbar-arrow-color:white;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19);
}

.navigation {
position:absolute;
overflow:auto;
background-color:transparent;
border:0px;
width:200px;
height:200px;
top:345px;
left:425px;
}

h1 {
color:0682B6;
background-color:transparent;
border-bottom:1px solid;
font-size:7px;
text-transform:uppercase;
font-family:small fonts;
line-height:100%;
display:block;
}

.cmmt {
background-color:transparent;
border:0px;
position:absolute;
width:100px;
height:150px;
left:105px;
top:400px;
}
</style>

<div class="content">
<h1>About me</h1>
<img src="http://cbimg6.com/layouts/07/08/25/20970ab.gif" style="float:left;">Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me

goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your

about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes

here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about me goes here. Your about

me goes here. <a href="http://www.myspace.com/">Myspace.com</a>

<h1>Details</h1>
<b>Name:</b>  <br>
<b>Age:</b> <br>
<b>Location:</b>  <br>
<b>Status:</b> <br>
<b>Occupation:</b> <br>
<b>Status:</b> <br>

<h1>Interests</h1>
Your interests goes here, ie: Movies, books, general, television, music, etc. Your interests goes here, ie: Movies, books, general,

television, music, etc. Your interests goes here, ie: Movies, books, general, television, music, etc. Your interests goes here, ie: Movies,

books, general, television, music, etc. Your interests goes here, ie: Movies, books, general, television, music, etc. Your interests goes

here, ie: Movies, books, general, television, music, etc. Your interests goes here, ie: Movies, books, general, television, music, etc. 
</div>

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="splat">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="splat">Message</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="splat">Add</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="splat">Comment</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="splat">Pictures</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="splat">Blog</a>
<a href="http://37am.net" class="splat">Credit</a>
</div>

Layout Comments

Showing latest 10 of 25 comments

I like the idea but not the splatter pattern in this. But it's an interesting concept.

By Butterface89 on Jul 28, 2010 10:22 pm

cool beans!

By NoWorriesDesigns on Dec 19, 2008 9:39 pm

How do u get a picture on here....this layout is awsome

By epicsv2 on Dec 3, 2008 10:26 pm

best DIV i've seen in a long while.

good job

By tardisaurusrex on Jan 16, 2008 4:59 pm

It was because of this layout that I started making them. :]
I like the colour very much.
This is my favourite layout by you.

By Decode on Jan 3, 2008 6:03 pm

this is awesome XD

By wolfreak_99 on Dec 28, 2007 4:10 pm

I am absolutely in love with this layout.

By Amay on Sep 4, 2007 3:57 pm

can someone please tellme how to get my picture on the page i knoww its prolly a stupid question but idk! if you can help im me at AIM xSkeeM or mess me ! thnxx

By xSk33m on Sep 2, 2007 4:39 pm