top friends, help putting it on Options

[nsaldivar66]

i want to put my top friends on my page but i cant seem to figure it out.

please

heres my code

about me code

CODE

<p><a href="http://www.createblog.com/layouts/index.php?layout=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 type="text/css">
.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;}</style>



<style typle="text/css">

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

.about_me{
position: absolute;
left: 50%;
margin-left:-270px;
top:170px;
z-index:5;
width: 520px;
height: 220px;
overflow: auto;
border:1px solid black;
text-align:center;}

.friends{
position: absolute;
left: 50%;
margin-left:-495px;
top:335px;
z-index:5;
width:210px;
height:350px;
overflow: auto;
border:1px solid black;
text-align:center;}

.other{
position: absolute;
left: 50%;
margin-left:-270px;
top:435px;
z-index:5;
width:380px;
height:250px;
overflow: auto;
border:1px solid black;
text-align:center;}

body,table, tr, td, li, p, div { font-family:georgia; color:000000; font-size:10px; line-height: 12px; }

body{
background-color:e8e6d3;
background-image:url(http://cbimg9.com/layouts/08/05/27799aa.png);
background-position:top left;
background-repeat:repeat;
scrollbar-arrow-color:dae7d8;
scrollbar-track-color:e2e0c8;
scrollbar-shadow-color:ffffff;
scrollbar-face-color:e2e0c8;
scrollbar-highlight-color:f7f0c7;
scrollbar-darkshadow-color:e8e6d3;
scrollbar-3dlight-color:ffffff;}

b, strong{ font-weight: bold; font-size: 12px; text-transform:lowercase; color: fcaa80; font-family: arial; line-height: 12pt; letter-spacing: -1px; }

i, strong{ font-weight: italics; font-size: 13px; text-transform:lowercase; color:b0a07e; font-family: georgia; line-height: 11px; letter-spacing: 0px; }

u, strong{ font-weight: underlined; font-size: 11px; text-transform:lowercase; color:ffa38d; font-family: arial; line-height: 11px; letter-spacing: 0px; background:f1f1f1;}

big, strong{ font-weight: big; font-size: 26px; text-transform:none; color:3cd0d5; font-family: times; line-height: 27px; letter-spacing: -3px;}

s, strong{ font-weight: strike through; font-size: 21px; text-transform:lowercase; color:000; font-family: arial; line-height: 11px; letter-spacing: 0px;}

small{ font-weight: strike through; font-size: 11px; text-transform:small; color:211f25; font-family: arial; line-height: 11px; letter-spacing: 0px;}



div div select, div div form {display:none !important;}
select { margin-left: -1000px}
</style>

id like to meet

CODE

<div class="div">

<img src="http://cbimg9.com/layouts/08/05/27799ab.png" width="1015" height="600" border="0" alt="" usemap="#Untitled_1_Map">
<map name="Untitled_1_Map">
<area shape="rect" alt="Blog" coords="79,185,146,209" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=######" target="_self">
<area shape="rect" alt="Pictures" coords="66,169,168,184" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=########" target="_self">
<area shape="rect" alt="Block" coords="72,151,146,168" href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=######" target="_self">
<area shape="rect" alt="Comment" coords="66,135,182,148" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=########" target="_self">
<area shape="rect" alt="Add me" coords="66,116,119,135" href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=########" target="_self">
<area shape="rect" alt="Message" coords="66,103,168,116" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=######" target="_self">
<area shape="rect" alt="Home" coords="66,84,163,103" href="http://home.myspace.com/index.cfm?fuseaction=user" target="_self">
</map>






</div>

<div class="about_me">Write your about me here<br>
<big>Big</big> <i>Italics</i> <u>Under</u> <small>Small</small> <s>Strike</s> <b>Bold</b>

</div>

<div class="friends">About your friends add pictures :D </div>


<div class="other">Whatever else you want :]<br>ex: videos pictures.

</div>

</div>

Reason for edit: please put codes in codeboxes. thanks :) -natalia

[Mickey]

There's something called [codebox] tags. Use 'em. Anyway, replace the bold text with the codes for putting up your top friends:

CODE

<div class="friends">About your friends add pictures :D </div>

If you want to add pictures of your friends that you can click and it'll go to their page, use this code:

CODE

<a href="URL"><img src="URL" style="width:95px; height:95px;"></a>

Replace the bold text with the appropriate URLs of your friends' links and pictures. The first one is for your friend's link. The second is for their picture. Just keep copying and pasting the codes depending on how much friends you want to put inside that DIV scrollbox.