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

[S-Majere]

Alright, let's assume that letting the entire default top friends and comment section show up on your layout is too tricky to do currently with the layout you have.

Let's concentrate on just getting your top friends to show, huh?

What I'd like to do is to give you a fully edited code that contains the pictures and links to your top friends. What I'd need for this is links to each of the top friends you would like included. (I can thumbnail their images and link them from your profile no problem then.)

[S-Majere]

Let's concentrate on just getting your top friends to show, huh?

Just for now, hokay?

I'd Like To Meet

CODE

<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>

<a href="http://www.myspace.com/jeepinnate"><img src="http://img214.imageshack.us/img214/457/m0faa763d9de8148f1403c2an5.jpg" border=0 width="90" height="90"></a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=104179037"><img src="http://img353.imageshack.us/img353/7172/mc62921146f02b8bf897622fa3.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/chinwoman"><img src="http://img353.imageshack.us/img353/2696/m28ac80679d18ab8c203a69dr6.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/thiscat8yourmouse"><img src="http://img353.imageshack.us/img353/2807/m762bab0788d36aeef764e9tv1.jpg" border=0 width="90" height="90"></a>

<a href="www.myspace.com/averycreativename"><img src="http://img230.imageshack.us/img230/1969/m986c1acd55db26151f60e4hz8.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/jasonpietz"><img src="http://img353.imageshack.us/img353/117/m9d52f30b0bec134cb88a5bhk9.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/ashleykrugman"><img src="http://img353.imageshack.us/img353/5515/m5cfc328cafb39b3b0ddaf8pr2.jpg" border=0 width="90" height="90"></a>




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

Your last friend had an invalid Friend ID.

If you want to resize the pictures, simply change the pixel width after the image URL. I've set it to 90 pixels for you.

Hope it helps!