Styling Your FriendFeed Badge

Posted: May 5th, 2008 | Author: Carter Rabasa | Filed under: Uncategorized | Comments

Hey Eddie, did you know you can use CSS style you FriendFeed badge? You sure can! Here’s the styling I use:

<style>
/* Friend Feed CSS */
div.friendfeed{
font-family: Arial,Verdana;
background: transparent;
}

.friendfeed .feed .entry .likes, .friendfeed .header{
    display:none;
}

.friendfeed div.feed{
    border:0px;
background: transparent;
    padding: 10px 10px 0px 3px;
    *padding: 10px 3px 0px 3px;
    _padding: 10px 3px 0px 3px;
}

.friendfeed .feed .entry{
    margin-bottom:12px;
    font-size:12px;
}
</style>

  • I did a "view source" on Scoble's page. Also, you can always use Firefox to view the DOM that gets created by Javascript after the page has fully loaded.
  • Where'd you find the CSS tags for editing the widget? I can't find them on the FF site.
blog comments powered by Disqus