Wednesday, August 29, 2007

Beautifying MySpace profile with simple CSS

I abhor MySpace because of lack of taste of people who customize it with horrible color schemes and because of how even the default profile page looks cluttered with ugly advertisements.

But sometimes when you are doing prank website for fun, they provide needed webspace and unique url that I can link. So I was there on MySpace page, registering with shivering hands and trying not to think about how I was in the middle of trash dumps of internet. Their user interface is such a hack job and everything is just thrown in together last minute without the sense of any cohesiveness. How can people use this junk? I was tempted but I didn't flee in a hope to play prank on my coworker. There are worse people than who uses Myspace. That's the people who uses MySpace to play prank on others.

In my attempt to beautify MySpace default page to suite my taste (they don't even provide separate CSS only textarea, you have to enter your CSS in about me textarea. ). I came up with simple CSS that EVERY PROFILE page should include!

Before: with ugly ads and disclaimer on the bottom

Now Add below CSS on top of your about me textarea in edit profile view:


<style type="text/css">
table.navigationBar, table.navigationBar table {
display: block !important;
}
div table {
display: none;
}
table.userProfileURL div
{
display: block !important;
}
table div {
display: none;
}
</style>


After: without ugly ads and disclaimers but still ugly...

Now you have somewhat ordinary looking site you can further customize. :)

Although you have to repeat above step for different sections ... argh.. what happened to global CSS include!

2 comments:

Anonymous said...

I tried that a while back when making a page on myspace for the sake of seeing if I could figure their ugly code out.

I found using star selector with display:none awesome, then just build your own page on top of that!But you'll get shutdown pretty quickly tbh, it's against their rules to block their adverts, funnily enough.

Anonymous said...

I have been looking for a code like this. Thanks alot!