February 23, 2010

Hide Top Friends

“J” asks,

how do i hide my top friends without hiding the ‘view all friends’ part?

He’s probably using this code, it hides your friends but also hides your “view friends” links:

<style>
.friendspace {display:none;}
</style>

The div with the “All, Online, New” links is “ctl00_Main_ctl00_UserFriends1_pnlAllFriendsLink” but this knowledge doesn’t help us (in this case) because the .friendspace “display:none” is inherited, no matter what. This does not work:

div[id=ctl00_Main_ctl00_UserFriends1_pnlAllFriendsLink]{visibility:visible!important;}

So I came up with this style, it hides only the names and pictures of your friends:

<style>
.btext, [id^=ctl00_Main_ctl00_UserFriends1_FriendRepeater_ct]{display:none;}
</style>

The “.btext,” hides where it says how many friends you have. Looks crazy but it works. This code might leave a gigantic gap in your page because Myspace (for no good reason) uses “br” tags within the .friendspace tables. The gap is much smaller if you switch to a “top 4″. If you work at Myspace, please take these “br” tags out.

Another option is leave the links hidden and add your own “viewfriends” link, like this:

<div style=”padding:10px 10px 10px 100px;background-color:white;”><a href=”http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=65435510″ style=”font-size:25px;color:red;”>✈ See my friends.</a></div>

But remember to change the friendID to your friendID.