User Profile Player

Change Skin Of MS Player: Official Myspace Player's Skins  (Click On The Link Above. ↑     The page gives you options to choose your desired skin.)   Hide Player But Keep Playing Music: .K {Hide Player But Keep Playing Music} div.musicPlayerModule {width:100px; height:1px; position:absolute; top:0px; left:0px; filter:alpha(opacity=0.00); -moz-opacity:0.00; opacity:0.00;} Note: Make sure your "Player" is set to "Autoplay".   Player Module Header:   Überschrift einblenden lassen: .K {Unhide MS Player Header} div.musicPlayerModule h3.moduleHead {display: block; margin-bottom:10px; width:290px;} .K {Center MS Player Title} div.musicPlayerModule h3.moduleHead {text-align:center;} .K {Change Color of MS Player Title} div.musicPlayerModule h3.moduleHead span span {color:red;} .K {Transparent Background Of Player Header} div.musicPlayerModule h3.moduleHead {background-color:transparent;} .K {Change Background Color Of MS Player Header} div.musicPlayerModule h3.moduleHead {background-color:yellow;} .K {Add Background Image To MS Player Header} div.musicPlayerModule h3.moduleHead {background-image:url(Your Image URL);}   User Profile Player Module: .K {Resize Player Module And Center Player} div.musicPlayerModule {width:300px; text-align:center;} .K {Resize And Center Player} div.musicPlayerModule {text-align:center;} div.musicPlayerModule object {width:50px; height:51px;} Note: You will have only the 'Play/Stop Button' on your profile. If you have the 'Myspace PlayList Player', adjust the colored numbers. .K {Hide MS Player Module} div.musicPlayerModule {display:none;} .K {Change Background Color Of MS Player Module} div.musicPlayerModule {background-color:red; width:300px; text-align:center;} .K {Add Background Image To MS Player Module} div.musicPlayerModule {background-image:url(Your Image URL); width:300px; text-align:center;}   MS Player And Module Borders:   .K {Add Borders To Player Module} div.musicPlayerModule {border:3px solid red;} .K {Add Borders Just To The Player} div#musicPlayer {border:3px solid red;} div.musicPlayerModule div.moduleBody {text-align:center;} Rounded MS Player Module Borders - FF & SA:   .K {Rounded Player Module Borders} div.musicPlayerModule {border:3px solid red; -moz-border-radius:10px; -webkit-border-radius:10px;}   Scrollable MS Player Module: .K {Scrollable Player Module} div.musicPlayerModule {overflow:auto; height:50px;} .K {Scrollable Player Module Body} div.musicPlayerModule div.moduleBody {overflow:auto; height:50px;}

Move User Profile Player

Move User Profile Player: The following code works with only some of the myspace themes, like: "No Theme", "Default", "Ninja" and "Happines" ... .KhAk {Move MS Player} div.profileLayout div#musicPlayer { position:absolute; left:50%; top:240px; margin-left:-60px; _top:220; _margin-left:-40px;} div.musicPlayerModule { width:0px; height:0px; z-index:9;} If your are using the myspace "Default" theme, take the below code in addition: .KhAk {Trabsparent Blue Box} div.basicInfoDetails div.profileDemographics { background-color:transparent;}   Instruction: First: Adjust "margin-left and top numbers" to fix the position. Adjust "_margin-left and _top numbers" to fix the position on Internet Explorer. Then (If you are using Firefox 2 And The Myspace "Default" Theme): Settings: Miscellaneous ↓ Einstellungen: Verschiedenes ↓ Note: If You Have The Myspace User Profile Player With PlayList, Use The Code Below Instead: (If you are using Firefox 2, you will have a problem with the stack order of Player and Basic Info.) .KhAk {Move MS Player} div.musicPlayerModule object { position:absolute; left:50%; top:240px; margin-left:-60px; _top:220; _margin-left:-40px; z-index:9;} div.musicPlayerModule { width:0px; height:0px;} If your are using the myspace "Default" theme, take the below code in addition: .KhAk {Trabsparent Blue Box} div.basicInfoDetails div.profileDemographics { background-color:transparent;}

Change Color Of User Profile Player

Create Custom Player Skin

Create Your Own Custom Player Skin:   Normal Size: .KhAk {Custom Player Skin} div.musicPlayerModule div.moduleBody { width:295px; height:51px; text-align:center; background-image:url(Your Image URL); background-repeat:repeat-x; background-position:left;} div.musicPlayerModule object { width:295px; height:51px; opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}   Instruction: - The images used in my test had a dimension of 295px by 51px (width/height).  A narrow background image will be repeated horizontally (repeat-x). CSS Background Properties - Replace Your Image URL with your own. - Change the numbers 50 similarly for more/less "Player Opacity". Note: If You Have The Myspace User Profile Player With PlayList, Use The Code Below Instead: .KhAk {Custom Player Skin} div.musicPlayerModule div.moduleBody {width:296px; background-image:url(Your Image URL); background-repeat:repeat; background-position:top left;} div.musicPlayerModule object { opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}   Small Size: .KhAk {Custom Player Skin} div.musicPlayerModule div.moduleBody { width:50px; height:51px; text-align:left; background-image:url(Your Image URL); background-repeat:repeat-x; background-position:left;} div.musicPlayerModule object { width:50px; height:51px; opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);} Profile Player Module Bottom Picture: .KhAk {Player Module Bottom Pic} div.musicPlayerModule div.moduleBodyEnd {height: 60px; background-image:url(Your Image URL); background-repeat:repeat-x; background-attachment:scroll; background-position:bottom left;}   Instruction: - Change the numbers 60 to the height of your image. - Replace Your Image URL with your own.