Note: These CSS codes need to be pasted into the CSS box under "Customize Profile"

.katamari {hiding the profile 2.0 music player} div.musicPlayerModule div.moduleBody {width:1px; height:1px;} div.musicPlayerModule object {filter:alpha(opacity=0.1); -moz-opacity:0.1; opacity:0.1; -khtml-opacity:0.1; height:1px; width:1px;}

Question: I have a problem this code hides my music player but it doesnt hide the entire module, help please thanks.

Answer: add this code after it

.katamari {removing the leftover module after hiding the player} body div.musicPlayerModule {border:0px;} div.musicPlayerModule div div, div.musicPlayerModule div {background-color:transparent; background-image:none; border:0px;} div.row1 {margin-top:-30px;}

Note: You may have to adjust the -30 number at the end in order to make it work with your profile. Everyone's profile is a little bit different.

Note: This CSS code need to be pasted into the CSS box under "Customize Profile"

.katamari {centering the profile 2.0 music player in its module} div.musicPlayerModule div.moduleBody div {text-align:center;}

Note: This CSS code need to be pasted into the CSS box under "Customize Profile"

.katamari {scrolling the profile 2.0 music player in its module} div.musicPlayerModule div.moduleBody {height:150px; overflow-y:auto;}

Note: You can adjust the height number depending on how tall you want the scrollable box to be

Note: This CSS code need to be pasted into the CSS box under "Customize Profile"

If you have a 10 song myspace playlist, but you want only the PLAY button to show, hiding the rest of the playlist, then this code is for you.



.katamari {cropping the profile 2.0 music playlist} div.musicPlayerModule {position:relative; z-index:9; padding:0px; width:52px; height:52px; overflow:hidden;} div.musicPlayerModule div.moduleBody {position:absolute; top:-24px; left:-125px;}

If you want to Crop the music playlist AND have it centered in the column that it's in, then use this instead:

.katamari {cropping and centering the profile 2.0 music playlist} div.musicPlayerModule {margin-left:auto; margin-right:auto; position:relative; z-index:9; padding:0px; width:52px; height:52px; overflow:hidden;} div.musicPlayerModule div.moduleBody {position:absolute; top:-24px; left:-125px;}

If you want to Crop the music playlist AND have it centered in the column AND you want the previous and next buttons to be visible and clickable, then use this instead.



.katamari {cropping and centering the profile 2.0 music playlist width track buttons} div.musicPlayerModule {margin-left:auto; margin-right:auto; position:relative; z-index:9; padding:0px; width:112px; height:52px; overflow:hidden;} div.musicPlayerModule div.moduleBody {position:absolute; top:-24px; left:-95px;}

If you just want to hide the right side of the playlist, so that people cant add your songs easily, use this next code instead.
Here's basically what it will look like if you use this code



Far from perfect, but it will fool most people into thinking they wont be able to add your songs...

.katamari {cropping the profile 2.0 music playlist to hide song add buttons} div.musicPlayerModule object {display:block; width:210px;}