Showing top friends on a DIV layout Options

[nala91300]

i want my friends to show! at least my top friends. heres the code:

IN ABOUT ME
<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>




<style type="text/css">
body div table td form img{display:none!important;}
</style>



<style type="text/css">
.n{ HIDE STUFF }
.userProfiledetail, .userProfileURL, .userProfileSchool,
.interestsAndDetails, .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!important;}
table, td, tr{ background-color:transparent;}
body div td div div select {width:0px !important;}

</style>




<style>body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}</style>



<style type="text/css">

td, .text {
color:6a3b25!important;
font-family:century gothic;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing:0px}

.navbar{display:none;}

{linked images}
a img {border-width:0px; border-color:"ffffff";}



b {font-family:times; letter-spacing:-2px; color: 6a3b25; font-size: 12pt;}

u {font-family:times new roman; letter-spacing:0px; color: 6a3b25; font-size: 12pt;}

i {font-family:arial narrow; letter-spacing:-2px; color: 6a3b25; font-size: 12pt;}

s {font-family:times; letter-spacing:-2px; color: 6a3b25; font-size: 12pt;}


body {
background-color:000000;
background-image:url("http://cbimg6.com/layouts/08/01/14/24661aa.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top;
scrollbar-face-color:666600;
scrollbar-3dlight-color:6a3b25;
scrollbar-shadow-color:6a3b25;
scrollbar-darkshadow-color:6a3b25;
scrollbar-arrow-color:666600;
scrollbar-track-color:6a3b25;
}


.template {
background-color:transparent;
background-image:none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top;
position: absolute;
left: 59px;
margin-left: 0%;
top: 90px;
height: 1120px;
width:1024px;
border:none;
overflow: auto;
z-index: 1;
}


h1 {
background-color:transparent;
background-image:url("http://cbimg6.com/layouts/08/01/14/24661ab.png");
font-family:century schoolbook;
text-align: center;
letter-spacing:2pt;
font-size: 16px;
color: ffffff;
border:none;
width:auto;
margin-top: -0px;
margin-left: -0px;
height: 42px;
overflow:auto;
text-transform:lowercase;
display:block;
z-index:2}

h2 {
background-color:transparent;
background-image:url("http://cbimg6.com/layouts/08/01/14/24661ac.png");
font-family:century schoolbook;
text-align: center;
letter-spacing:2pt;
font-size: 16px;
color: ffffff;
border:none;
width:auto;
margin-top: -0px;
margin-left: -0px;
height: 42px;
overflow:auto;
text-transform:lowercase;
display:block;
z-index:2}

.name {
background-color:transparent;
position: absolute;
left: 190px;
margin-left: 0%;
top: 320px;
height: 100px;
width:500px;
border:none;
font-family:century schoolbook;
text-align: left;
letter-spacing:0pt;
font-size: 24px;
color: 6a3b25;
overflow: auto;
z-index: 1;
}

.home{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ad.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.home:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ad.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.homenav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:170px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}

.add{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ae.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.add:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ae.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.addnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:270px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}

.block{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661af.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.block:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661af.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.blocknav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:370px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}

.cmt{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ag.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.cmt:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ag.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.cmtnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:470px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}

.frds{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ah.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.frds:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ah.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.frdsnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:570px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}

.pics{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ai.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.pics:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661ai.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.picsnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:670px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}

.email{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661aj.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.email:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661aj.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.emailnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:770px;
margin-top:260px;
text-align:left;
visibility:visible;
z-index:6;}


.mel{
height:42px;
width:100px;
background-color:transparent;
background: url("http://cbimg6.com/layouts/08/01/14/24661ak.png");
background-position:top left;
background-repeat: no-repeat;
display: block;}

.mel:hover{
height:42px;
width:100px;
background-color:transparent;
background: url("http://cbimg6.com/layouts/08/01/14/24661ak.png");
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.melnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
position:absolute;
left:870px;
top:260px;
margin-left:0%;
margin-top:0%;
z-index:6;}

.credit{
height:25px;
width:200px;
background-color:transparent;
background: url(http://cbimg6.com/layouts/08/01/14/24661al.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.credit:hover{
background-position: bottom left;}

.creditnav {
background-color: transparent;
border:0px solid;
border-color:black;
width:200px;
height:25px;
overflow:auto;
position:absolute;
z-index:4;
left:0px;
top:0%;
margin-left:970px;
margin-top:0px;
text-align:justify;
visibility:visible
}


.commentbox{
background-color:transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:top center ;
position: absolute;
left: 194px;
margin-left: 0px;
top: 1030px;
height: 110px;
width: 263px;
overflow: auto;
z-index: 5;
display:block;
}


.box1{
background-color:transparent;
background-image:none;
background-repeat:repeat;
position: absolute;
left: 243px;
margin-left: 0px;
top: 410px;
height: 160px;
width: 160px;
overflow: auto;
z-index: 5;
}


.aboutme{
background-color:transparent;
background-image: none;
position: absolute;
left: 570px;
margin-left: 0px;
top: 360px;
height: 350px;
width:375px;
font-family:century gothic;
font-size:12px;
color:6a3b25;
overflow: auto;
z-index: 5;
}

.box2{
background-color:transparent;
background-image: none;
position: absolute;
left: 185px;
margin-left: 0px;
top: 663px;
height: 349px;
width: 284px;
font-family:century gothic;
font-size:12px;
color:6a3b25;
overflow: auto;
z-index: 5;
}

.box3{
background-color:transparent;
background-image: none;
position: absolute;
left: 570px;
margin-left: 0px;
top: 763px;
height: 350px;
width:375px;
font-family:century gothic;
font-size:12px;
color:6a3b25;
overflow: auto;
z-index: 5;
}

.box4{
background-color:transparent;
background-image: none;
position: absolute;
left: 291px;
margin-left: 0px;
top: 573px;
height: 20px;
width:auto;
overflow: auto;
z-index: 5;
}

</style>


</about>


I'D LIKE TO MEET

<meet>
<div class="box3">
<h1></h1>
<br>
</div>





<div class="homenav">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15dG9rZW49" class="home"></a>
</div>
<div class="addnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNDMxMDY5NDA=" class="add"></a>
</div>
<div class="picsnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNDMxMDY5NDA=" class="pics"></a>
</div>
<div class="cmtnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xNDMxMDY5NDA=" class="cmt"></a>
</div>
<div class="frdsnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTE0MzEwNjk0MA==" class="frds"></a>
</div>
<div class="emailnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MTQzMTA2OTQw" class="email"></a>
</div>
<div class="blocknav">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWJsb2NrLmJsb2NrVXNl
iZ1c2VySUQ9MTQzMTA2OTQw" class="block"></a>
</div>
<div class="melnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTQzMTA2OTQw" class="mel"></a>
</div>

<div class="box4">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MTQzMTA2OTQw">Pics</a>/<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.myvideos">videos</a></div>


<div class="template">

<img src="http://cbimg6.com/layouts/08/01/14/24661am.png"></a><br></center>
</div>


<div class="box1">

<img src="http://cbimg6.com/layouts/08/01/14/24661an.gif">

</div>


<div class="aboutme" align="center">
<h1>about this chick</h1>
<center><img src="http://lc.fdots.com/cc/lc/79/7925a8240e7dd00e9bacd5f27092850e.gif">
<br>
<img src="http://lc.fdots.com/cc/lc/1d/1de5307086460bd618fad7f7e94e3efe.png">
<center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="235" width="205" align="middle" data="http://www.mp3asset.com/swf/mp3/mff-oldschool.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.mp3asset.com/swf/mp3/mff-oldschool.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="myid=7459845&path=2008/01/16&mycolor=453126&mycolor2=9D7750&mycolor3=D9D1C4&autoplay=true&rand=1&f=3&vol=100" />
</object>
<msprm name="allowScriptAccess" value="never" />
<msprm name="allowNetworking" value="internal" />
<msprm name="movie" value="http://www.mp3asset.com/swf/mp3/mff-oldschool.swf" />
<msprm name="quality" value="high" />
<msprm name="wmode" value="transparent" />
<msprm name="flashvars" value="myid=7459845&path=2008/01/16&mycolor=453126&mycolor2=9D7750&mycolor3=D9D1C4&autoplay=true&rand=1&f=3&vol=100" />
</div>

<div class="name">
&hearts;|me|&hearts;
</div>

<div class="box2" align="left">

<h2>info</h2>
<b>status:</b> off the market<br>
<hr>
<b>here for:</b> friends, networking<br>
<hr>
<b>body type:</b> my own<br>
<hr>
<b>orientation:</b> straight<br>
<hr>
<b>location:</b> drama city<br>
<hr>
<b>ethinicity:</b> black<br>
<hr>
<b>zodiac:</b> scorpio<br>
<hr>
<b>education:</b> college grad<br>
<hr>


</div>

</meet>

<div class="comments" style="position: absolute; left:30px; top:460px; width:223px; height:238px; overflow:auto;"><center>
<center>




</div>

thanks!

[digitalfragrance]

SO you want your friendslist to show on your DIV layout? You'll have to make a custom one following this model:

CODE

<a href="INTERNET ADRESS OF FRIEND 1s MYSPACE"><img src="IMAGE URL OF FRIEND 1" align=left></a>
<a href="INTERNET ADRESS OF FRIEND 2s MYSPACE"><img src="IMAGE URL OF FRIEND 2" align=left></a>
<a href="INTERNET ADRESS OF FRIEND 3s MYSPACE"><img src="IMAGE URL OF FRIEND 3" align=left></a>

And place that in a DIV layer.

[nala91300]

thanks, it works!

[S-Majere]

Great stuff Rachael.

Topic Renamed and Closed.