please help adding top friends to myspace serenity div layout Options

[osowckd]

Hello all. I am very new to using the div overlay layout. I'm pretty good at HTML in the standard myspace layout.

My myspace page:
http://profile.myspace.com/index.cfm?fusea...iendid=84296088

Here is what I found and would like to use:
http://www.createblog.com/layouts/code.php?id=26660


This is what I copied:

ABOUT ME:

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" 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>
.userProfileCompany, .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendSpace, .friendsComments, .extendedNetwork, .latestBlogEntry, .orangetext15, .navigationbar, .profileInfo, .contacttable {display:none;}
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
body div table td form {display:none;}
table, td, tr{ background-color:transparent;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px;}
</style>

<div class="kv101"><img src="http://cbimg6.com/layouts/08/04/03/26660aa.png" border="0" usemap="#kv10"><map name="kv10"><area shape="rect" alt="Korima Production" coords="141,359,160,369" href="http://www.msplinks.com/MDFodHRwOi8va29yaW1hLmNyZWF0ZWJsb2cuY29tL2xheW91dHMv"></map></div>

<style>
.credit {Korima Production}

body { background:url('http://cbimg6.com/layouts/08/04/03/26660ab.png');
background-repeat: repeat-y;
background-position: center;
background-color: dedede;
}

.kv101 {
position: absolute;
margin-left: -320px;
top: 0px;
}

.kv102 {
position: absolute;
top: 825px;
margin-left: -279px;
width: 702;
height: autopx;
overflow: auto;
font: 9px Verdana;
line-height: 14px;
text-align: justify;
color: dedede;
}

h1 {
margin-top: 2px;
height: 50px;
font: 20px Georgia;
background:url('http://cbimg6.com/layouts/08/04/03/26660ac.png');
background-repeat: no-repeat;
text-transform: uppercase;
line-height: 15px;
color: b2784d;
}

h2 {
margin-top: -40px;
font: 16px Georgia;
text-indent: 30px;
text-transform: lowercase;
text-align: justify;
line-height: 15px;
color: ddb88d;
}

a:active,a:visited,a:link,a {
font: 9px Verdana;
line-height: 14px;
font-weight: bolder;
color: 93a9bb;
}

a:hover {
font: 9px Verdana;
line-height: 14px;
font-weight: bolder;
color: ddb88d;
}

U {
color: cfcfcf;
text-decoration: underline;
}

I {
color: cfcfcf;
font-style: italic;
}

B {
color: cfcfcf;
font-weight: bold;
}

</style>


<style>

.mh {
position: absolute;
top: 783;
margin-left: -262;
width: 120px;
height: 36px;
line-height: 1pt;
background-COLOR: transparent;
}
.mh1 {
width: 120px;
height: 36px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ad.png) top left no-repeat; display: block;
}
.mh1:hover {background-position: bottom left;}


.pm {
position: absolute;
top: 771;
margin-left: -134;
width: 120px;
height: 48px;
line-height: 1pt;
background-COLOR: transparent;
}
.pm2 {
width: 120px;
height: 48px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ae.png) top left no-repeat; display: block;
}
.pm2:hover {background-position: bottom left;}


.ffl {
position: absolute;
top: 776;
margin-left: -5;
width: 108px;
height: 43px;
line-height: 1pt;
background-COLOR: transparent;
}
.ffl3 {
width: 108px;
height: 43px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660af.png) top left no-repeat; display: block;
}
.ffl3:hover {background-position: bottom left;}


.mp {
position: absolute;
top: 776;
margin-left: 105;
width: 110px;
height: 43px;
line-height: 1pt;
background-COLOR: transparent;
}
.mp4 {
width: 110px;
height: 43px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ag.png) top left no-repeat; display: block;
}
.mp4:hover {background-position: bottom left;}


.cm {
position: absolute;
top: 780;
margin-left: 224;
width: 94px;
height: 39px;
line-height: 1pt;
background-COLOR: transparent;
}
.cm5 {
width: 94px;
height: 39px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ah.png) top left no-repeat; display: block;
}
.cm5:hover {background-position: bottom left;}


.an {
position: absolute;
top: 767;
margin-left: 328;
width: 52px;
height: 70px;
line-height: 1pt;
background-COLOR: transparent;
}
.an6 {
width: 70px;
height: 52px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ai.png) top left no-repeat; display: block;
}
.an6:hover {background-position: bottom left;}

</style>

<div class=mh><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="mh1"></a></div><div class=pm><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD04NDI5NjA4OA==" class="pm2"></a></div><div class=ffl><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD04NDI5NjA4OA==" class="ffl3"></a></div><div class=mp><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD04NDI5NjA4OA==" class="mp4"></a></div><div class=cm><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTg0Mjk2MDg4" class="cm5"></a></div><div class=an><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTg0Mjk2MDg4" class="an6"></a></div>

I'D LIKE TO MEET:

<div class="kv102">


<h1>About Me</h1>
<h2></h2>

Wii code is 2695-7965-0063-5250<br><br>

<br><br>




<br><br><h1>Heroes, Interests, etc.</h1>


=D. <br><br>

=D.<br><br>



<br><br><h1>My Top Friends</h1>
<h2></h2>
<center>

<small><i>Here is where it says I can put my friends, but I don't know how to actually get them here. It shows I can use my top 8, which is fine with me.</i></small><br><br>

<a
<a
<a
<a
<br><br>
<a
<a
<a
<a


</center>
<br><br>
</div>

I apologize if this is a simple fix. I tried to fix it on my own first. Thank you to anyone who puts time into this fix.

Reason for edit: please use codeboxes

[osowckd]

I still can't get it to work. When I do add the friends and comments codes the pictures end up all over the place and the comments are ok, but you can't read them because the color blends into the background. I'm not sure what to do. Maybe I'm just not ready for this type of challenge yet. Thanks everyone, but I either need simple step by step (yes, drawing pictures would help LOL) or I may just not be able to make this work. I'm getting frustrated since I can't make it look like I wish it would. Thanks to all who attempted to help me. I really do appreciate it.