I just discovered new classes in MySpace's source code.
I downloaded Firebug a few weeks ago, its a very amazing developer tool for those of you that use firefox. I had seen a tool similar to this for Safari but i'm too cheap for mac; so I missed out. Then I found firebug, but this post is about myspace's newly added classes on their HTML structure so I will talk about firebug in another.
(Well, either the classes are newly added or I have never seen them in my searches through tutorial sites and the source code of my profile all this time.)
The reason that I spoke about Firebug is that this is what helped me find these new classes in myspace's markup.
Thanks to the new classes my code is now only this long, it much easier on the eye with the class names - you can probably work out what this code does.
<style type="text/css">
.friendsComments {display:inline; overflow:auto; position:absolute; z-index:9; background-color:none;width:600px; height:400px; top:100px; left:100px}
.friendscomments table {width:100%;}
.friendscomments img, .comments td {visibility:visible !important}
table table td.text table{visibility: visible !important}
.friendSpace {display:none;}
.latestblogentry {display:none;}
</style>
It moves and reformats the comments, and hides the friends list and latest blog entry. Amazing huh?
The three I have found so far are
.friendsSpace which selects the Friends List,
.latestblogentry for the latest blog entry and
.friendsComments for the ... you guessed it, comments.
If you want to find the others, and you are CSS savvy download
Firefox and
Firebug. If you are not CSS savvy, then stick around, when I get some more time on my hands I will try and post some tutorials here on how to make your myspace stand out from the crowd.
I'm off to fiddle with my profile now, check out
Ben Page on myspace to see the results of my current tweakage.
