pseudo chatroom.

Designer's Comments

Look carefully for specific instructions

layout viewed best in 1280X800 screen.
please leave credit at the very end.
replace "#######" with your id.

**PLEASE READ**
so that there's no confusion,
the theme is a pseudo chatroom.
the comment box doesn't actually work.
its only there for show.

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

body{
background-color: FFFFFF; 
background-image:url('http://cbimg9.com/layouts/07/07/16/19539ad.png'); 
background-repeat: repeat; 
background-position: fixed;
overflow: auto;
scrollbar-arrow-color:999999;
scrollbar-track-color:F6F6F6;
scrollbar-face-color:F6F6F6;
scrollbar-shadow-color:EEEEEE;
scrollbar-highlight-color:EEEEEE;
scrollbar-darkshadow-color:999999;
scrollbar-3dlight-color:999999; 
cursor:url("http://www.angelfire.com/crazy/mo0cow/tinyh.cur");
A cursor:url("http://www.angelfire.com/crazy/mo0cow/tinyh.cur");
margin: 0px;
}
b{
font-weight: bold;
font-family: Arial;
font-size: 9pt;
color:2D87B3;
line-height:7pt;
}
strong{
font-weight: normal;
font-family: Arial;
font-size: 8pt;
color:FFFFFF;
}
h1{
font-weight: normal;
font-family: impact;
font-size: 16pt;
color:2D87B3;
line-height:11pt;
}
h2{
font-weight: normal;
font-family: impact;
font-size: 12pt;
color:AAAAAA;
line-height:11pt;
}
b{
font-weight: bold;
font-family: Arial;
font-size: 9pt;
color:267499;
line-height:7pt;
}
i{
font-weight: none;
font-family: Arial;
font-size: 9pt;
color:000000;
line-height:7pt;
}
em{
font-weight: none;
font-family: Arial;
font-size: 9pt;
color:CCCCCC;
line-height:7pt;
}
strong{
font-weight: normal;
font-family: Arial;
font-size: 8pt;
color:FFFFFF;
}
u{
font-weight: normal;
font-family: Arial;
font-size: 8pt;
color:000000;
}
p{
font-family: verdana, sans-serif;
font-weight:normal;
color:000000;
}
a, a:link, a:active, a:visited {
color: 2D87B3;
text-decoration: none;
font-weight: normal;
font-family: Arial;
font-size: 8pt;
line-height: 7pt;
letter-spacing: 1px;
background-color: transparent;
}
a:hover {
color: AAAAAA;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
line-height: 7pt;
letter-spacing: -1px;
text-transform: lowercase;
}
.cover {
background-color:FFFFFF;
position: absolute;
left: 50%;
top: 90px;
width: 1200px;
margin-left: -600px;
background-image:url('http://cbimg9.com/layouts/07/07/16/19539ad.png'); 
}
.profile {
width: 200px; 
height: 380px; 
position: absolute;
top: 161px;
left: 50%; 
margin-left: 90px; 
overflow: auto;
}
.navigation {
width: 200px; 
height: 380px; 
position: absolute;
top: 400px;
left: 50%; 
margin-left: 90px; 
overflow: auto;
}
.content {
width: 265px; 
height: 191px; 
position: absolute; 
top: 162px; 
left: 50%; 
margin-left: -200px; 
overflow: auto;
scrollbar-arrow-color:333333;
scrollbar-track-color:EBEBEB;
scrollbar-face-color:EBEBEB;
scrollbar-shadow-color:CCCCCC;
scrollbar-highlight-color:CCCCCC;
scrollbar-darkshadow-color:CCCCCC;
scrollbar-3dlight-color:CCCCCC; 
}
.contentbox {
width: 265px; 
height: 194px; 
position: absolute; 
top: 377px; 
left: 50%; 
margin-left: -200px; 
overflow: auto;
scrollbar-arrow-color:333333;
scrollbar-track-color:FFFF85;
scrollbar-face-color:FFFF85;
scrollbar-shadow-color:F9ED5B;
scrollbar-highlight-color:F9ED5B;
scrollbar-darkshadow-color:F9ED5B;
scrollbar-3dlight-color:F9ED5B; 
}
a img {border: 0px;}
.navimg a img {
width: 123px; 
height: 19px; 
background-position: top left; 
background-repeat: no-repeat; 
background-color: white;
}
.navimg a:hover img {background-position: bottom center;}
a.nav1 img {background-image: url('http://img403.imageshack.us/img403/8561/1navih1lk8.png');}
a.nav2 img {background-image: url('http://img403.imageshack.us/img403/821/1navia1el9.png');}
a.nav3 img {background-image: url('http://img403.imageshack.us/img403/6063/1navim1sh2.png');}
a.nav4 img {background-image: url('http://img403.imageshack.us/img403/276/1navic1zy5.png');}
a.nav5 img {background-image: url('http://img403.imageshack.us/img403/5215/1navif1xn5.png');}
</style>

<div class="profile">
<p align=left>
<EDIT BELOW ONLY />
<REPLACE IMAGE WITH 100x100 IMAGE ONLY />
<IMG SRC="http://cbimg9.com/layouts/07/07/16/19539ac.jpg"><BR>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=#######
"><B>view more pics</B></A><BR><BR>
<B>name</B> <STRONG>yours.</STRONG><BR>
<B>age</B> <STRONG>yours.</STRONG><BR>
<B>dob</B> <STRONG>yours.</STRONG><BR>
<B>race</B> <STRONG>yours.</STRONG><BR>
<B>location</B> <STRONG>yours.</STRONG><BR>
<EDIT ABOVE ONLY />
</div>

<div class="content">
<p align=left><BR>
<h1>title one</h1>
<center></center>
<EDIT BELOW ONLY />
<a href="">link.</a><BR>
<B>bold.</B><BR>
<STRONG>strong.</STRONG><BR>
<I>italic.</I><BR>
<EM>em.</EM><BR>
<U>underline.</U><BR>
<strike>strikethrough</strike>
<h1>h1.</h1>
<h2>h2.</h2>
<EDIT ABOVE ONLY />
</div>

<div class="contentbox">
<p align=left><BR>
<h1>title two</h1>
<center></center>
<EDIT BELOW ONLY />
<a href="">link.</a><BR>
<B>bold.</B><BR>
<STRONG>strong.</STRONG><BR>
<I>italic.</I><BR>
<EM>em.</EM><BR>
<U>underline.</U><BR>
<strike>strikethrough</strike>
<h1>h1.</h1>
<h2>h2.</h2>
<EDIT ABOVE ONLY />
<B>created by</B> <A HREF="http://www.myspace.com/mo0cow">mo0cow@myspace.</A>
</div>