Today the development team responsible for Plurk updated the home page which included several new features. The lower left side of the page now contains five tabs that describe various groups of Plurk users.
- Most Viewed - these are users whose profiles are viewed most often. Some of these users are very active while others are celebrities but no necessarily active in the Plurk community.
- Most Followed - these are users who are actively being followed either as a friend or as a fan. These users tend to be a little more active as they have at least had to acknowledge a friend request
- New - these are new users that have just joined Plurk.
- Random - these users have been random selected by the system to provide other Plurk users an opportunity to meet someone new that they may otherwise not see on their timeline.
- Karma - these are the top 10 users on Plurk with the highest Karma scores. They tend to be the most active users currently on Plurk.
On the lower right side of the page are two tabs dealing with Plurk messages.
- Most Responded - these are Plurk messages which have had the most active conversation going on. It's always interesting to see what subjects have people carrying on for the longest conversations. I see these are Plurk filibusters (does that make them Plurlibusters?)
- Most Recent - these Plurk messages are the ones the system has just seen started. This is a chance to get in on the ground floor of a conversation before it becomes long-winded or dies.
All of these are great features and will definitely help build the Plurk community and open up conversational opportunities. As part of the changes the Plurk developers added a new graphic to the menu bar next to "Interesting plurkers". This new graphic is a teal looking box with the word "New" centered. Well you knew that I couldn't just let that sit, I had to find a way to change it using CSS.
We'll start with the code block for those who want to just cut and paste and follow that with a description of what the commands do.
/* New Interesting Plurkers Icon */
#interesting_plurkers {
background: transparent url(http://jeffdsummers.com/images/plurk/new.png) no-repeat scroll 0 1px;
}
/* End New Interesting Plurkers Icon */
This is a fairly straightforward change as it is dealing with just one element. In fact, the only change that is actually made is the URL in the background attribute, all other code is exactly the way it is in the original.
The interesting_plurkers class has a background image associated with it hence the background attribute. Transparent tells the system to not use a background color and instead make it transparent wherever the graphic does not exist. The URL is the location of the new graphic you want to use. Simply put the internet URL in place of the one in the parenthesis and you're good to go. The no-repeat modifier tells the system to only show the background image one time. Scroll tells the system the image is not fixed while the 0 and 1px tell the system where to position the new image.
That's really all there is to it. Now instead of the teal green new box you can have a customized new icon on your Plurk menu area. The image size is 30x12 if you want to build your own image. Good luck and be sure to let everyone know you found this on Plurk Skins.
Leave a comment