MySpace Music Player Skins

Here are a few MySpace Music Skins that I made…

Refer to this post to learn how to use these: http://forums.coolchaser.com/forums/2/topics/477

Admin Edit
If you would like to use these skins:
Right click on the image.
For internet explorer chose ‘properties’ and highlight and copy the image URL.
For firefox choose ‘copy image location’.
Scroll down to get the code and insert the image URL in that code (where it says ‘URL GOES HERE’).

The codes provided are intended for use in Coolchaser’s Theme Editor
BUT they will also work if you put it in Who I’d Like to Meet. Just add <style> BEFORE the code and </style> AFTER the code so it will work.

that’s so kool! how can i make my own custom skins? o.O

Thanks Kon!

Refer to post link at the top and look for Amy’s post for the blank music template. You can use Photoshop to create your own.

A few more…

MY FAVORITE…

that’s so kool! i just tried it out. the problem is that there’s only the picture and the the “Play button, Volume, etc”. it’s just the picture. i put some random picture though that was maybe about 800px by 250px, somewhere around there. so i do i make the buttons show up? o.O

u have to use that blank one from Amy, and add a new layer to put your background image behind the buttons.

Wow, these are really really awesome!! I’ll have to find time to create new themes using these! I’m so behind.. :(

ya~, i used the blank one and put my image in the “IMAGE URL HERE”. what can i be doing wrong?

ohhhh are you trying to put it in the code???

You have to use photoshop or paint shop pro or something like that to add a new layer and put your background image behind the blank buttons layer.

Then, save the image and put it on photobucket. Then, get the direct link and put it in the code.

so what layer do i add?
it all sounds kinda tricky.

You go in the Layers menu and choose “new layer”. Then you can paste your background image in that layer. If it’s in front of the blank buttons image, then make a copy of that layer and drag it on top.

lol, i still don’t get it.
so, uh, where do i get the button image? o.O

sounds like this thread is going into circles! LOL If i have lots of time, I’ll try creating a video on how to do this. :) (but no promise, I could get busy :P)

ok, ty, put it up when you’re finished. =D

btw, what program do you use to record your screen? o.O i wanna get it and record on how i make themes. =P

there are some cool programs…and I also use

http://screencast-o-matic.com

sooooo i have the answer to all your prayers….... i have the golden code….... (epic pause) (serious look at camera)

that you can just change the bg image for the player but the basic view of the player is still opaic….. here it is…

<style>
table table div {
background-image:url(URL GOES HERE);
background-position:center center; background-repeat:no-repeat;
}

table.userProfileURL div, .userProfileApp div, table.main table div, table table table table div {
background-color:transparent;
background-image:none;
}

table table div object, table table div embed {
height:48px !important;
width:292px !important;
-moz-opacity:0.5;
filter: alpha(opacity=50);
}
table table td.text div object, table table td.text div embed {
-moz-opacity:1.0;
filter: alpha(opacity=100);
}
</style>

Oh wow! Where do you find these codes? :D It works pretty cool, you don’t have to put all the buttons images anymore!

yeah and now you can probably put it in the layout editor cause all they’d change is the bg image. unless there’s hidden complications

so pretty much you need the background and the buttons are all set?

yep

SWEET! Awesome job Amy!!!

OKAY::

new code because the old one was messing with banner layouts.

table table div {
background-image:url(URL GOES HERE); 
background-position:center center; background-repeat:no-repeat;
}

table.userProfileURL div, .userProfileApp div, table.main table div, table table table table div {
background-color:transparent; 
background-image:none;
} 

table table div object, table table div embed {
height:48px !important;
width:292px !important;
filter: alpha(opacity=1);
-moz-opacity:0.01; 
} 
table table td.text div object, table table td.text div embed {
-moz-opacity:1.0; 
filter: alpha(opacity=100);
}

AAAANNNNDDD
Here it is with the modifications Amy made to the opacity so you can still see the default buttons:

table table div {
background-image:url(URL GOES HERE); 
background-position:center center; background-repeat:no-repeat;
}

table.userProfileURL div, .userProfileApp div, table.main table div, table table table table div {
background-color:transparent; 
background-image:none;
} 

table table div object, table table div embed {
height:48px !important;
width:292px !important;
-moz-opacity:0.5;
filter: alpha(opacity=50);
}
table table td.text div object, table table td.text div embed {
-moz-opacity:1.0;
filter: alpha(opacity=100);
}

I made some changes to yalls posts so others reading this thread don’t get confused and use “bad codes”.

I hope you don’t mind! :)