Welcome To The Converse Century

Designer's Comments

Look carefully for specific instructions

Can't go wrong with Chuck Taylors.

I did the image mapping without a program, and I am proud of myself, the n00b that I am. :)

I tried to find the names of the people in the picture but there's so many of those pictures that I couldn't. Sorry.

Don't take off my credit, don't forget to replace the XXXXXXXs.

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>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;;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;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
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;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}body table td div form {display:none !important;}
.navigationBar{display:none;}
</style>
<style>div[id="googlebar"], 
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style>

<style>

.div{
position: absolute; 
left: 50%;
margin-left:-480px; 
top: 90px;  
z-index: 0;}

.one{
position: absolute; 
left: 50%; 
margin-left: -50px; 
top: 420px; 
z-index:5; 
width:  530px; 
height: 250px; 
overflow: auto;
border: 3px;}

h1 {
	font: bold 17px georgia;
	letter-spacing: 0px; 
	text-align: right; 
	line-height: 13px!important;
	color:fff; 
	background-color: 000; 
	border-top: 0px solid; 
	border-bottom: 0px solid; 
	border-left: 0px solid; 
	border-right: 0px solid; 
	border-color:000; 
	display: block;}

body{
background-color:fff;
scrollbar-face-color: fff;
scrollbar-highlight-color: fff;
scrollbar-3dlight-color: fff;
scrollbar-shadow-color: fff;
scrollbar-arrow-color: 000;
scrollbar-track-color: fff;
}

body,table, td, li, p, div{
font-family: arial;
size: 10px;
color:000; 
font-weight: normal; 
border:0px; 
text-transform: none; 
line-height:11px;
letter-spacing: 0px;}

b, strong {
color: 000; 
font-weight: bold;
font-family:verdana;
font-size:10px; }

u { 
color: 000; 
border-bottom: 000 0.5px; }

i, em {
color: 000;
font-family: verdana;
font-style: italic; }

a {font: normal 10px verdana!important; text-decoration: none!important; color:000!important;}
a:hover {font: normal 10px verdana!important; text-decoration: none!important; color: fff!important; cursor: default;}

td td object {position:absolute; left: 0px; top:0px; width:45px; display:block;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</MAP>
</div>

<div class="one">
<h1>about me</h1>
Normal Text. <b>Bold Text.</b> <u>Underlined Text.</u> <i>Italic Text.</i> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29t">Link Text</a>.<br />
About you. All about you. Whatever you want. Words. Pictures. Icons. Flashy annoying pictures. Go for your life. This looks better with more text.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean ornare libero pharetra est. Integer ornare enim ut pede. In sit amet quam eget sem faucibus feugiat. Donec mi. Ut fermentum sapien id mauris. Fusce scelerisque facilisis lectus. Fusce sem. Phasellus non ante a ante lobortis eleifend. Proin dictum consectetuer elit. Aliquam ultrices. Proin mauris. Nulla auctor accumsan ante. Aenean ac nulla nec sem pretium pretium. Aliquam gravida, massa ut blandit dignissim, metus augue feugiat purus, vel pharetra justo massa elementum ante. Suspendisse sed felis sed odio aliquet aliquet. Curabitur lectus massa, aliquet eu, lacinia sed, vehicula ut, mauris. Nulla venenatis.

Nullam nisi neque, consequat sed, porttitor non, rhoncus at, nulla. In hac habitasse platea dictumst. Suspendisse in est nec urna tempus mollis. In pulvinar, ante vitae convallis laoreet, mauris dui vulputate erat, eu consectetuer dolor nibh non urna. In consequat lacus eu ante. Duis nec leo. Vivamus vehicula tincidunt risus. Maecenas urna est, sodales ac, aliquam ac, iaculis eu, mauris. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec a quam a dui dapibus malesuada. Etiam a felis. Donec non orci. Fusce eu mi. Phasellus nec erat. Mauris pede. Aenean tristique, metus molestie iaculis ultrices, odio eros rhoncus enim, a viverra turpis est ut sapien. Ut imperdiet aliquet nisi. Praesent purus orci, faucibus eu, rutrum at, rhoncus non, leo. 
<br /><br />
<h1>tunes</h1>
music music music music music music music music music music music music music music music music music music music music music music music music music music music 
<br /><br />
<h1>heroes</h1>
heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes heroes </div>