Drop Down Friend list, anyone????? Options

[crystal_deanda84]

Ok Ive seen this before I just cant find out where but how do people get those really neat drop down friends list I want to add one to myspace, please help.

[*This Confession*]

example of one would be nice?

[crystal_deanda84]

Im sorry Ive seen them soooo many time but I just cant find them. Its a like Friend list but instead of showing the images , you hover over a link and the picture shows of that buddy....thats the best I can describe

[coldtrance]

oh do you mean the friend space roll overs? where there is the friends name and you hover of the name and the friends image appears next to it or near it? lemme find the topic

EDIT:
http://www.createblog.com/forums/index.php...42&hl=rollovers

[crystal_deanda84]

yes exactly what I am talking about I have been looking in the scripts

[coldtrance]

scroll down to the last post of the link i gave you and you have your answer :)

[crystal_deanda84]

You Rock! Thanks alot

[coldtrance]

no problem :)

[crystal_deanda84]

ok i just finished doing the code but its not working
Here is my code in my about me section can you tell me if I am doing something wrong?


<style type="text/css"> {BACKGROUND PROPERTIES } table, tr, td { background-color:transparent; border:none; text-transfoborder-width:0;} body { background-color:ffffff; background-image:url(http://i6.tinypic.com/11ik9ld.png); background-attachment: fixed; background-position: bottom right; background-repeat:no-repeat; } body{ padding-right: 200px; } .contactTable {display:visible;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} { Table Properties } table tbody td table tbody tr td.text table{background-color:transparent;} table table{border:0px;} table table table table{border:0px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:220px !important; height:0px; border: 0px outset ; border-color: 0000000; padding:0; background-color:transparent;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} embed, object {display:block; width:220px; height:38px;} .orangetext15, .blacktext10 { display:block; width:110px; color:000000 !important; font-size:9px !important; font-weight: normal; font-family: verdana; text-transform: none; !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} textarea, input, font, a, table, td, div, b {color:000000 !important; font-size:9px !important; font-weight: normal; font-family: tahoma; text-transform: none; !important;} span {color:000000 !important; font-size:9px !important; font-weight: normal; font-family: Georgia; text-transform: none;} td.text td.text .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .btext {color:00FF73 !important; font-size:8px !important; font-weight: bold; text-transform: uppercase;} .nametext{color:EA2B9D !important; font-size:15px !important; font-weight: normal; font-family: Lucida Sans; font-style: oblique; text-transform: none;background-color:none;} .text{color:000000 !important; font-size:9px !important; font-weight: normal; font-family: georgia; font-style: none; text-transform: none;} .blacktext10{color:ffffff !important; font-size:8px !important; font-weight: bold; text-transform: uppercase;border-bottom:0px dashed black; background-color:37DBFE;} a:link {color:F61DB0 !important; font-size:8px; font-family: tahoma !important; font-weight: normal;} a:hover {color: 4ED0EF!important; font-size:8px; font-family: tahoma !important; font-weight:normal; border-bottom:1px dashed; border-color:E68B98 ;background-color:none; cursor: help;} a.navbar:link,a.navbar:active, a.navbar:visited,a.man:link,a.man:active, a.man:visited{color:000000 !important; font-size:8px !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important; font-weight: normal; text-transform: uppercase;background-color:none;border-bottom: 1px solid black;} a.navbar:hover,a.man:hover{color:000000 !important; font-size:8px !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important; font-weight: normal; border-bottom:3px double; border-color:00FE71;background-color:none;} </style> <div style="position:absolute;left:0px;top:0px;width:88px;height:31px;"><a href="http://pinkdetour.net/pervoi"><img src="http://i4.tinypic.com/zxjyif.gif"border="0"></a></div>


<style type="text/css">
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
td.text b {font-weight:normal; visibility:visible;}

.r{}
.hidefs{display:none}
.r{}
div table table table table table div {display:block !important}

</style>

</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>

<style type="text/css">
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}
</style>

<style type="text/css">.blacktext12 {visibility:hidden; display:none}</style>

<style>.orangetext15{display: none;}</style>
</table></tr></td>

<style>{hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}<style>

<style>.{removes top links only}
div table form tr td {visibility:hidden!important; height:0px!important;}<style>




<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style
<a href="http://www.myspace.com/starfish_ashley_13">Ashley<span><img src="http://myspace-469.vo.llnwd.net/00752/96/41/752891469_m.jpg"></span></a><br>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=71687355&MyToken=40c46265-9b1a-447a-8b17-5fa2dd35920c">Mayra<span><img src="http://myspace-519.vo.llnwd.net/00663/91/58/663418519_m.jpg"></span></a><br>
<a href="http://www.myspace.com/laurennadrian">Lauren<span><img src="http://myspace-597.vo.llnwd.net/00782/79/56/782356597_m.jpg"></span></a><br>
<a href="http://www.myspace.com/texmex8">Mandy<span><img src="http://myspace-655.vo.llnwd.net/00729/55/63/729413655_m.jpg"></span></a><br>
<a href="http://www.myspace.com/shlamdchevy">Aldo<span><img src="http://myspace-325.vo.llnwd.net/00189/52/39/189319325_m.jpg"></span></a><br>

[*This Confession*]

oh
the code i wrote and submitted.

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style

need to finsih that </style> at the end..

Also you need to change the top and left.. because where ever you align that is where the image is going to show

[crystal_deanda84]

Ok another ? do I need to completely remove my friend list "hide it"?????

[*This Confession*]

yea if you want to..