Tuesday, November 13, 2007

MySpace Music Player Skins, Ad Free, No PopUps, Skin or color your music Box, standard player and Band Player

MySpace Music Player Skins

Some quick links to various elements of this article:

Music Player Skins and Skin Code generatorIssues with scroll boxesUpdates, related to Myspace changes which effect music player skinsMy Rights related to Music Player skin CodeIf You want to Offer Music Player Skins on Your Site Click Here
Simple Band Player improvement; Allowing your background to show through your playerTutorial for Band Player Skins I suggest reading the above article even if you use the tool to generate your code.
How the Skins Work, and Some HistoryWhy does the Music Player Skin code on Most Sites have a Bug?
Using the old "official" Myspace Skins

Updates, related to Myspace changes which effect music player skins
The code in my music player skin code generator, has been updated as follows:
- Includes code for myspace 2.0
- Includes several different cropped player options, for showing only part of the player.
- should not break any scroll boxes, as long as you are using a standard size skin
(295 x 51 for the single song player; 295 x 400 for the playlist player)
If you are using one of my cropped player options, and you have scroll boxes, you need to read this:

- I have added hundreds of new skins for both full sized and cropped down size players.

- I had to remove the border option, the myspace code changes broke this functionality. However, I plan to add it back for use with myspace 2.0.

- I removed the custom size option, and instead opted to provide templates for the most popular sizes.

- I fixed the custom positioning option. I don't know when I broke it, but it didn't work for a while.

Fixing Issues with scroll boxes
IF IF you are using a standard size skin (295 x 51 for single song, or 295 x 400 for playlist multi song player) you should NOT have a scroll box issue on your page. If you do, please leave me a message, so I can look at the problem.
IF you are using myspace 2.0 you should NOT have a scroll box issue. If you do, please leave me a message, so I can look at the problem

IF you are using myspace 1.0 AND a cropped (downsized) version of the player, you may have a problem with scroll box code, caused by the music player skin code.

If the scroll box is for your friends and comments, comments, or any of the content below the meet section, go here for code that does not conflict with the music player skin code:
Scrolling Comments, friends and Comments, code that does not conflict with music player skin code

If you have added a scroll box, you need to do a few things to fix your scroll box:

1) Insure your scroll box has a class. This way you can apply style to the scroll box, that will not effect anything else.

2) When you assign the style to the scroll box, use explicit addressing. The more explicit the addressing, the higher the precedence (with classes carrying 10x the weight of elements)

3) whenn assigning style to the scroll box use !important for height and weight.
Because myspace used inline style, I had to use !important to override that style.
Therefore I had to use !important to override my music player skin code, on other divs.
For this reason you must use !important to override the music player skin code, for your scroll box.

Below is an example, of a scroll box, which has the class and style assigned.

<div class="myScroll">
scroll box content here
</div>

<style>
table td table td div.myScroll {height:200px !important; 
width:200px !important;
overflow:auto !important;
background-color:pink;
border:3px hotpink solid;
display:block;
visibility:visible;}
</style>

My Rights To most of the Music Player Skin code Being Used
Custom myspace music player skins were my idea, and it was my effort that enabled almost every site, currently offering these skins, to offer them.
Yet only a few sites have chosen to credit me for my work.
Why?

I say thank you to those sites, and they will have my on-going help and support.

As for those who feel it is just ok to take someone else's idea, for your own profit, think about it. Could you have figured out how on your own, with out having seen someone else's code? Would you have thought it could be done, and then figured out how to do it? If the answer is yes, then why did you not offer skins before my code got published?

Despite the popularity of myspace customizing sites, and the multiple questions asking how to color the player in various forums, NO one had offered skins, or posted code for making skins, before I published my code.

What does a site lose, if they credit me?
Why not credit me?
What does a site gain if they credit me?
At least two sites lost my referrals, I was referring people to those sites for either a useful service they offered or for their art. (lolspace is one of these sites)
I won't steal your skin art.

Why do the kids that post to createblog, feel a need to claim that they wrote the code, when they don't even know enough about the code to edit out the style lines related to my credit, although they did remove my actual credit?
I highly suspect that this was the first place my code was published, without my permission. From there it spread quickly.

For those who did write their own code; I am not claiming any rights to your work.
(I do know of one other source of original code for this. The coder did things differently, as I would expect from someone doing this on their own. But this is NOT the code I see on the layout sites offering skins.)

For those who started with my work, and then made little tweaks, you are using a derivative of my work, and crediting me would be the ethical thing to do.
I try to do the same if I use any content (such as images) which is either someone else's work, or a derivative of someone else's work.
(But often I do not know who is the author of the work.)

How do I know that the sites offering skins are using either my code, or a derivative of my work?
Two coders would not make exactly the same decisions, when there are several other ways to accomplish the task. For some of my later versions I added in multiple useless code lines and code line segments, which are showing up in other people's work.

How does a teacher know when two students copy each other's work?

While I was the first to publish myspace music player skin code, I was not the first to offer a skin code generator. A site called Jombley beat me to that. However, their generator, generated my early version of the code. This was the version with the left side div bug. It was also the version where I used a work around, to get around a bug in a beta version of safari I was testing in.
They had taken my code, and wrapped a generator around it.
Their generator does do some unique things that mine does not do, and mine does some things that theirs does not do.
(I would promote their site and link to their generator, if they bothered to credit me for the code.).

Music Player Skins for the Standard Page Music Player, skin it, border it, fade it, color it, size it, position it. More Skins and Skin Look options than Any Other Side. Code kept up to date with myspace changes. No visible ad placed onto your myspace page.

Image showing skin applied to the Band Player:

Credit for the above image goes to Giulio Genua.
Giulio has agreed to design skins for others who add him as a friend on myspace. Contact Giulio for more information.

Add color or skin to myspace music player (band player or Standard player)

Offering Music Player Skins on Your Site

Ask me.
I can help you set up your skins so they link to my code generator.

However, this is not a requirement.
The only requirement is that, if you are using my code (even if you modified it slightly) that you credit me on any page you offer the skins, and somewhere in the skin code itself.
The credit on your site, needs to be a link.
The credit in the code does not need to be a link (unless you are also forcing a link back to your own site).
For myspace 2.0 putting in an actual link now requires a separate block of code, placed into the content area, instead of the css area.

IF you do link to my generator, you get the following benefits:
- I update the code when myspace makes changes (and they do this a LOT)
- Code is generated for myspace 2.0 and myspace 1.0
- Users can adjust opacity and add additional options.
- I help users if they have conflicting code. This also helps me find the types of other things users have added to their profiles, that cause such conflicts. As I find these things, I often tweak my code, to prevent the problem.

Terms are negotiable.

How the Skins Work, and Some History

I first considered writing code for music player skins, long before myspace offered them. However, there is a reason that my code, was not widely used, prior to that point in time.

My very early music player skin code, did involve making a copy of the player.
I used to explain why, but choose to remove that content.

Question for those who think that music skin code was so easy to come up with that they have the right to just use it, without crediting the source they either completely copied or made a derivative of:
What did myspace change, in their own core code, that made this task no longer require I make a copy of the player?

This is where I had the story about the friend of mine, and the problem they had with their player, that first alerted me that myspace had made a change, that made skinning the player easier. The same story can be found on createblog.com. However there, it is slightly modified. What is hilarious is that the person claiming this to be their experience, combined my code, with other code, of a completely different style, and one code block actually rendered the other code block broken. In another case, on createblog, the thief used the wrong picture with the code block. I had an image to go with one code example, and they used that image with my other code example.
Why do people do this? Why do people feel they are entitled to claim other people's work as their own?
Profit? In the case of createblog, I don't think those posting my work, and claiming it as their own, make any profit. So why? What is the motive?

The 2nd version of my code (the first version which did not involve copying the player), is the version found on many sites which offer skins. It is in tact, with my original bug.
A few sites have managed to fix the bug on their own. A few others copied my fix (along with its useless content).
A few sites had the bug for months, and then recently fixed it.

Why would this site (wootfreelayouts), credit me initially, (after I told them that their explanation of how the skins worked was incorrect), and then later remove that credit?
They did this several weeks before they actually fixed the bug they copied from me.
Even after they fixed the bug, they had a derivative of my work.
My work is what made their skin business possible.

Why do most sites, offering skins, have a bug in their code?
I overlooked a few things when I initially created the code. I didn't even use the most obvious code. I made a few obscure decisions for obscure reasons (one reason was related to a beta version of Safari that I was using.)
One of those decisions resulted in a bug.
I call it the left side div bug.
I had never seen a left side app (I am not sure if they existed yet).
However, as soon as my code became widely used, reports of the bug started to show up.
I quickly fixed the bug in my copy of the code.

When I initially fixed the bug, I left in a segment, that was useless. I did find a few sites with this version of my copied code, that included the code fix, along with the useless segment of code. (thelolspace.net and a few others)

Why did I use -moz-opacity?
For those who wrote their own code, or slightly modified mine, why did you keep -moz-opacity? If you came up with it on your own, why?
Why not opacity?
(ok, those who read this article before I deleted that information, or those who go through the trouble to dig it out of the google archive can read my explantion.)

The use of the two together is moot.
The same goes for -khtml-opacity and Safari.
opacity works in all but the very old versions of FireFox, Mozilla, and Safari, just as well as -khtml or -moz opacity.

Applying the older "official" myspace Skins

This by-passes the menu, that most people no longer have:

The following link takes one directly to the stop for applying the skin
Apply Skin 1:Default Skin
Apply Skin 2:Zune
Apply Skin 3:large Zune
Apply Skin 4:Boy with Boom Box
Apply Skin 5:Girl with Boom Box
Apply Skin 6 Lime Digital Player

If you are stuck with a skin you do not like (some people installed a skin before the option went away), and you want to remove it, use the 1st link in the list above.
This will restore the default skin.

Applying a Band Player Skin IF you have a Div Overlay
The location for this code, depends on your div overlay strategy.
If you are using MY strategy, place this code block just AFTER the
!----START CUSTOM CONTENT ----!
which should be in your band members block.

<a class=i href="http://xiii.us/ms/music-player-skin">
MySpace music Player Skin Code by Eileen</a>
<div class="mPlayerDiv">
</div>

Next Place this at the very top of the influences (or wherever you are keeping style blocks.
Modify the top and left values to suit your own profile.
These values should be the same for the div as they are for the object.

<a class=i href="http://xiii.us/ms/music-player-skin">
MySpace music Player Skin Code by Eileen</a>
<style>
div.mPlayerDiv {position:absolute; top:145px;
z-index:8;
 left:410px; width:450px; height:345px; background-image:url(http://genuabuilders.com/host/mp02.jpg);
background-repeat:no-repeat; background-position:center center;}
.i {display:none;}
 object,  embed {-moz-opacity:0.4}
object {filter:alpha(opacity=40);  width:450px; position:absolute; top:145px; left:410px; z-index:9}
</style>

If you are using someone else's div overlay strategy, the technique is the same.
However, most of the other strategies I have seen do require that you position from top center of the body, instead of top left of a containing div.
In this case you will need your position statement to look more like this:

{position:absolute; top:Ypx; left:50%; margin-left:-Xpx}

As long as you position the mPlayerDiv exactly the same as you position the object/embed; your skin should come out in the same location, as your player.

Applying a Band Player Skin IF you Do NOT have a Div Overlay
[I deleted this code, I need to re-write it based on lots of myspace changes since I wrote this article]

========================================================================

Some sites using my code without my permission:

sunshinee.com (most obvious case of code theft, related to my mini player code whih I offer here: Reduce Music Player to Just the Start Stop Button.)

wootfreelayouts.com (used to credit me but stopped. I believe this was on the advice of the person who provides the skins to multiple sites. Admitting I was the author, without meeting my requirements for properly crediting me, put them at risk.)
oh-lyts.com
musicplayerskins.net
freeglitters.com
www.static-layouts.com
myspacelyts.net
snazzyspace.com
totallylayouts.com
dolliecrave.com
thelolspace (obvious derivative of a later version of my work)

All of these sites, and many more, are profiting from MY code.
Is that fair? Legal?
Do they Care?
Is there anything I can do?
Does anyone else Care (I have concluded no).

note to self: Try to use your power for good and not evil. Two wrongs do not make a right.

Skins found in My Music Player Skin Libraries (all found with my music player skin generator which can be found here:
Eileen's MySpace Music Player Skin Code Generator

Hearts and Heart Pattern music player skins:
This library includes several heart patterns, many based on photographs of fabric and other products containing hearts.
Some were made by manipulating images found in the public domain on photobucket.
Some were custom designed for me by a friend.

Rainbow, Tiedie, Neons, Flashing bright Colors:
This library includes some images which I took from the public domain on photobucket.
Some I obtained by taking photos of some of my TieDie clothing.
Some were made using animationshop and paintshop.

Cute Music Player Skins and Cartoon Music Player Skins:
This includes many cartoon characters, along with dinosaurs, and photos of cute animals..
In many cases I searched for the popular cartoon character in a music setting, such as playing an instrument, singing or dancing.
A few involve photographs of products such as Speakers, which included the character.
This library includes several popular cartoon characters, along with cute photos of animals.
Ths library includes, but is not limited to:
mickey mouse, stitch, lilo, flinstones, sponge bob, boots (from Dora), sylvester, tweety, winnie the pooh, anime, cheshire cat, stewie from family guy, lots of hello kitty, betty boop, goofy, simpsons, mario, marvin the martian, precious moments, snow white, sleeping beauty, south park, walle, yogi bear, taz, tinker bell, loony tunes, curious george, cookie monster, elmo, candy, stuffed bears and other stuffed animals, airplanes, cars, happy faces and more.

Artists and Celebrities
This includes both images of music artists, other celebrities, and album art.
I decided which artists to make skins of, by going through the top music charts, both on MySpace, and on the Radio.
The collection includes, but is not limited to:
Jonas Brothers, Kevin Jonas, Miley Cyrus, Hannah Montana, Aly and AJ, Cream (album art), Akon, Lil Wayne, Kelly Clarkson, Killswitch engage, misfits, Jesse McCartney, tia tequila, Pink Floyd (album art), Kardinal Offishall, Cold Play, Aubrey oDay (Danity Kane),T.I. TI, Dylan Sprouse, Cole Sprouse, Sprouse Bros, Yo Gotti, Jodin Sparks, Madonna, Katy Perry, Kid Rock, Mason Musso (Metro Station), natasha bedingfield, pussy cat dolls Nicole Scherzinger, Ray J, Taylor Swift, Trace Cyrus,
Amy, tool, linkin Park, Sick Puppies, Vin Diesel (and many more).

Music Player Skins for the Standard Myspace Page
color or skin the myspace Band Player

98 Comments:

Anonymous said...: OMG, it is possible, and the people in the forms told me this could not be done.; 14/11/07 09:41
Eileen (aka Coboble) said...: Up until recently (I think last month) it required that one re-create the object for the music player
(i.e. copy the address of the player into a custom object block) and modify the wmode.

However myspace has made a change that effects the wmode, so now the code is way easier than it was before.
Before I wasn't sure it was worth the effort.
I still have to do it the old way for the band player, so there I only recommend it if one is already re-locating the player.; 14/11/07 10:38
Josh said...: can't wait for the band player....early christmas; 15/11/07 17:01
Anonymous said...: Indeed, im waiting eagerly to for the band player code :). Tried a bit to modify if myself earlier but since i have no idea bout these things i had no luck.

Very much appreciated Eileen, thank you for your efforts.; 16/11/07 01:27
Eileen (aka Coboble) said...: Justin
I didn't have any problems with myspace filtering, when re-creating the object code for the player.

I don't think you are gaining much with your strategy.
You have cross browser positioning issues that are not related to the player.

Have you considered a strategy more like this:
div overlay strategy
If you use that strategy, your player (the myspace default player with no need to re-create it) ends up logically inside the div.
This allows one to position it, absolute, relative to the top left corner of the div, instead of the full page.
This makes the placement, relative to the rest of your page, much more consistent.

I like your images, quite cool.; 20/11/07 00:06
Justin Bacon said...: Well I'll be darned. Using absolute positioning solved the player placement issue, which means I didn't have to create a new one, which indirectly solves the weirdo filter issue. Thanks. I was using relative positioning because I was misunderstanding how absolute positioning worked. (I thought you could only position relative to the window, not to the containing div.)

Now I just need to figure out why IE stretches my navigation table...; 20/11/07 04:37
rayblac said...: ive done it for band player i think

My URL: myspace.com/djrayblacc; 27/11/07 02:18
Eileen (aka Coboble) said...: rayblac
Yes I think you have.
You have it so your page background shows through, which looks good on your page.
If you want the player to show better (so the buttons and text can be seen) increase the opacity value.; 27/11/07 18:09
Anonymous said...: it seems like it doesnt work. the skining of a band player i mean, perhaps because i think they have recently updated the band player, could i be right? thanks!; 4/12/07 20:24
Eileen (aka Coboble) said...: Well,
You could be right, that they changed the player recently.

However I just checked the page I have the skin applied on, and it is still working:

Example Here; 4/12/07 22:19
MRKILO said...: how r you i must first say that this is a very useful resource for the band page i have this problem i aply the codes as follows and for sum odd reason the player that was hidden can still be heard so im getting a double effect im using a basic background no overlay i get the player too show with the color/background pic but as i said 2 players go at once is there a way to fix this problem i want to keep my player on auto start if i turn off auto start then there is no prob. my url is www.myspace.com/mrkilobayarea thx 4 ur help; 8/12/07 14:17
Eileen (aka Coboble) said...: MRKILO
What browser are you using?
Do you see this symptom with both visibility:hidden AND display:none?
Does the symptom continue, or does it start and then go away
(i.e. do both players play when the page starts up, and then one quits?)

I just did some testing and I observed two symptoms which I did not see in my initial testing:

1) If I used visibility:hidden, the player would start to play, and then quit, as the style was applied.
This had to to do with the fact that the page displays, and then applies the style later.
If this is too slow, the double effect is there for a short time.

2) If I used display:none instead of visibility:hidden I did not get the above symptom.
But that does not mean it is not occurring in your browser.

3) In Safari (where the skin doesn't work anyway) I had a problem getting display:none OR visibility:hidden to work properly on the music player object.

IF using display:none AND you are not using a div overlay,
You want to add this line of code, to make room for the player:

table.latestBlogEntry {margin-top:400px;}

You want that in a style block.

I will experiment with it later and
see if I can figure out how to reduce the chances of the double playing, as the style is painting.; 8/12/07 14:40
cyborganna said...: I'm so out of my depth with this one! I wish it was easier to make MySpace music profiles more unique!; 17/12/07 08:57
billy said...: i have one question everything on my profile u said do worked out GREAT!!!!!! thanx for the help all i need to know is how i get the blue out from around my links and when i tryed to bring my friends and comments back and put them anywhere it didn't work so can ya help me? thanx; 31/12/07 23:46
Eileen (aka Coboble) said...: a, a img {border:0px !important}

Put it in a style block.

As for your friends and comments, I might have time to look at your profile.
Can you give me the link.
Thank you.; 1/1/08 20:47
billy said...: ok sorry never mind the other questions i found the answer to them i just missed sum directions while reading now i have a few new questions ok 1. how to i move my profile up behind the ad banner 2. i try to take off the bottom links and it take my whole profile away? 3. how do i make my page fit any screen without having to scroll over? thanx www.myspace.com/smokedezal; 3/1/08 13:00
Andru A . said...: This is an absolutely superb tutorial but one problem that I haven't seen addressed is that when I used this code on my Bands page, I got the player to appear exactly how I wanted in IE and Firefox but in Firefox the inclusion of this code caused my bands songs in our Snocap Box to be invisible. The box would appear but inside its just grey. This didn't seem to affect IE though. Is there anyway this can be avoided as I would really love to use this code but we need to have our songs available and visible for purchase on our page.; 10/1/08 09:54
Simon said...: Eileen, I don't know how else to reach you (I can't find an e-mail or anything like that)

My issue right now is that I followed your Bandspace tutorial and was able to overlay the blog over the Pink Panther Image...

However what about when I'm dealing with a normal myspace, and not a myspace music page?

I use the same code, but no luck for me.

I'd prefer not to spam the board with the myspace URL I'm working on, so if you could message me through here with another way to get intouch, or contact me at sgboston23[at]yahoo.com.

Thanks so much for all of your help and notably, patience.

-Simon; 10/1/08 14:38
paul p said...: Hi,

I've had lots of success using your code, so i definitely appreciate you sharing your codes and myspace pointers.

However, I’m having a problem trying to install a color filter over my band music player. I got all the code to work; however; the original player which is not visible continues to play in the background. So even when the new color filtered player is stopped, the original continues to play in the back ground.

Any suggestion of what I might be doing incorrect??

Thanks,
Paul; 14/1/08 23:29
Eileen (aka Coboble) said...: Paul,

Are you using display:none for the player?

What browser are you using?

May I look at your page.

Thank you; 15/1/08 18:30
Eileen (aka Coboble) said...: simon,

try this article:
div overlay standard page; 15/1/08 18:33
Eileen (aka Coboble) said...: andru
You have a few options:
1) adjust opacity until the song text shows up as you want it. This also effects the opacity of all the player coloring. so it is not ideal.

2) Re-create the text of the song on your skin.
This ONLY works IF you do not have a scroll bar on the side of your player.
This also requires you change the skin when you change the songs.

Neither is ideal, but it is the best I can do with what I have to work with.; 15/1/08 18:35
Eileen (aka Coboble) said...: billy
bottom links

band div overlay; 15/1/08 19:31
Anonymous said...: this is very much help to me thankyou :]; 21/1/08 13:23
Adrenalin Switch said...: Hi Eileen.
I tried to use your code to add a skin to the band player.This worked except that my slide show and video vanished.I tried giving them a div class but either this is not the right thing to do, or i made a mistake.Can you help?
Our profile is myspace.com/adrenalinswitch.
Buy the way i dont know much about code etc. so if you can make any help as easy to understand as possible i will be gratefull!
Cheers.
P.S. I am in the UK and i think the options for our player are different from the US one.; 21/1/08 22:24
Matthew said...: Hi

Ive got a big problem, ive made a div, put in the picture for the background etc.

But the music player is behind the div. How do I bring the player forward/above everything else?

I dont know were this should be here or on the standard div page, sorry.

Thank you; 24/1/08 13:30
Eileen (aka Coboble) said...: Mathew

You can try z-index

i.e.

table table td.text object, table table td.text embed {z-index:9; position:relative;}

make sure it goes in a style block.; 24/1/08 17:30
Eileen (aka Coboble) said...: adrenalin

I don't know exactly what you did.
But if you put it in its own div, and give it its own class, and then add the needed style to it, it should work.

i.e.
<div class="myObject1">
code for object or embed here
</div>

<style>
body:-moz-last-node table table td.text div.myObject1 embed {display:block;}
* html table table td.text div.myObject1 object {display:block;}
</style>

OR it is easiest to just not have your custom object/embed at a level that is the same or below the default player.
This works best for div overlays.; 24/1/08 17:41
Adrenalin Switch said...: Hi Eileen.
I fix the problem and all is working now.
Thanks for your help!; 25/1/08 03:06
lowridervato#77 said...: hi i just want to know if you can help me i'm tring to get my myspace band player with color and a picture of i allready have the design for it, Giulio Genua. helped me doing it but he told me to aske you if you can help me with the code i need????? my url is :myspace.com/lowridervato77; 29/1/08 19:20
lowridervato77 said...: hi i just want to know if you can help me i'm tring to get my myspace band player with color and a picture of i allready have the design for it, Giulio Genua. helped me doing it but he told me to aske you if you can help me with the code i need????? my url is :myspace.com/lowridervato77; 30/1/08 10:09
lowridervato77 said...: This post has been removed by the author.; 30/1/08 17:08
lowridervato77 said...: hi i just want to know if you can help me i'm tring to get my myspace band player with color and a picture of i allready have the design for it, Giulio Genua. helped me doing it but he told me to aske you if you can help me with the code i need????? my url is :myspace.com/lowridervato77; 1/2/08 05:46
RealDealMemphis said...: Hey, im about 85% positive that i copied all of the code correct, but when you go to my page it plays 2 different songs at the same time. you cant see my other player. what do i need to do?
Here's a link to my page:
http:www.myspace.com/lilbuddysmusic; 7/2/08 15:25
snipstar said...: Hi,

I tried to use the code for the band plyer however i can't find the code that you need. Can you explain me where/how to find it?

I also tried to use the other code to put an image over the player but it doesn't work at all, there is no image showing.; 10/2/08 04:47
kal city said...: Hi Eileen my name is Kal, I just recently had my player designed with a skin and it was said you could give me the code to make it work, this would be dearly apreciated, please get in touch with me soon, thank you so much, later.

(my email) runninthangz1@yahoo.com
(my url) www.myspace.com/welcome2kalcity; 13/2/08 06:25
Tabatha said...: I used the code on my page for the regular color skin,
and theres a bar on my music section with the color

www.myspace.com/tabatha93 <--- look to see what i mean

how do i take away that bar?; 16/2/08 08:38
Deisy said...: I followed the steps for changing the music player skin for my profile bt when i click song & video .. there was no player skin to select.. everything still the same.. theres no choice to change the player skin,,, why is this??; 16/2/08 14:43
to84 said...: hi & thanks for the code!
is there a way of changing the opcaity of the picture and that of the color seperatly? or not to have any color, just a picture?
i'd like to use a gif with transparent areas to show progress bar, volume...

thanks!; 22/2/08 08:32
Anonymous said...: I COULD USE A PLAYER'S A BAND BUT WITH THE SONGS THAT I WANT, HAVE ANY CODE
AS THE BANDS THAT THE USE FOR SPACE?
THANKS; 22/2/08 12:00
axlw said...: I don't know how to get the code-string that is discussed when customizing a band's music player. (Im talking about the numbers/letters that you substitute for "n" in the codes) Could someone message me or post a comment on how to do this? It would be much appreciated.; 23/2/08 17:37
DJ ELL said...: CHECK OUT THE OFFICIAL MYSPACE OF DJ ELL!!

WWW.MYSPACE.COM/DJELL1; 6/3/08 20:30
billy said...: how do i get the grey space out from around my profile? www.myspace.com/smokedezal; 8/3/08 08:29
dieyoungstaypretty said...: ok i don't seem to be able to change the skin of my music player at all, the option to do so's just not there.
i've tried it in safari and firefox and it won't work in either.
i did get one of those zune players a while ago but i wanna get rid of it but i can't seem to do that either and they don't have their myspace anymore!
help?
♥; 8/4/08 03:42
Eileen said...: Try again, sometimes myspace has glitches.
This is their functionality, to change the skin.
I just tested it, and it did work for me.

Edit Profile
Song and Video on Profile
Profile Music Player Skin

You do not need to go to the zune page to do this.; 8/4/08 07:47
Eileen said...: to84
You can layer it, so you use both a background color AND an image.

You can control opacity of the player itself, independent of the image underneath it.

Did you try this?; 8/4/08 07:50
dieyoungstaypretty said...: what do you mean?
sorry my computer talk is minimal!; 9/4/08 12:15
dieyoungstaypretty said...: ah sorry was that second comment for 'billy'?

i tried it again an it still doesn't have it just: profile song, profile video player and profile video slider options...; 9/4/08 12:21
Eileen said...: Weird,
I have heard of others who have the same problem.

You can try posting here:
http://forums.myspace.com/68.aspx?fuseaction=forums.viewforum

They know more than I do about this issue.
And multiple people monitor that forum.; 9/4/08 17:57
dieyoungstaypretty said...: ok thanks.; 12/4/08 10:11
Jen said...: thanks so much. i used it. i was looking everwhere. its awesome! :D; 16/4/08 16:57
Adapt Alone said...: Thanks, that was very helpful to move my band music player over to my personal profile so I can have it on both.; 18/4/08 00:55
crallspace said...: Sorry this comment doesn't relate to the post...

How do you put up with those goons at the anti-environment blog?

People who are diluted w/ misinformation can't and won't be reached. They are a waste of time (and space, frankly). I guess the shocked reaction they will have to reality will be one upside to the coming collapse.; 20/4/08 04:34
James said...: Get more skins at http://www.wootfreelayouts.com/Myspace-Music-Player-Skins/; 23/4/08 19:54
Eileen said...: James,
I appreciate the information, but highly suspect that the sight copied my code (and slightly modified it).

While I can not do anything about that, or prove it, I have my reasons for my suspicions.

(I have a coding style that differs from the majority of people who write code for myspace, and the chances of two individual coders making some specific same coding choices, that the code has, is actually not that high.)

Although, in the interest of supplying the greatest benefit to my readers, I have decided to not remove your link.; 23/4/08 21:59
Anonymous said...: could u plz help me, i have looked everywhere but am yet to find a solution. i have a zune player, and i cant get it off, i have tryed everything people have suggested, can u plz get back to me and add me at www.myspace.com/kandigurl88 thanx; 28/4/08 13:13
daphne said...: this is fine and works, but i dont want the contact table to show up and it persists in showing up with this code even though i have a code for it not to! what to do?; 12/5/08 19:18
Eileen said...: You use code to hide the contact table, that does not conflict with the music player skin code.

i.e.

table.contactTable {display:none !important;}

put that in a style block

I would be curious to see what code you are now using for this, because I can not think of code, to hide the contact table, which should conflict with this.

Also insure that you did NOT put the music player skin code in the middle of an existing style block.
It does have its own style open/close tags.

I can look at your page, if that would help.; 12/5/08 20:01
Anonymous said...: where i can find in my band profile the number/character string (the code-string)??? heeeeeelp me!
thanks; 21/5/08 11:40
Julian said...: Hey there Eileen !

I've been using your site for a while now, and it's been a great help !
Kudos to you : D

I just finished my new profile, and encountered a problem with the positioning of the music player; it does different things in different browsers (N)
Anyway, i used this solution, which works great !
But there is ONE downside:

Whenever someone views my page in IE, the hidden music player still plays :S

How can i fix this ?; 24/5/08 22:31
Julian said...: Also:

When i use my mac, the music player doesn't show up in firefox.
What i mean is, i can see the background i've got for the "skin", but not the actual player :S

My URL is www.myspace.com/relcome_2_chrinese_rumcha

Any help would be greatly appreciated : ); 24/5/08 22:39
u∃∃l!∃ said...: Interesting, I don't have a Mac, so I never tested it on a mac.

The symptom you describe (The music player not showing up at all, if any opacity is used), is what I observed using my PC version of Safari.
That was the reason I disabled the functionality for all browsers except Mozilla/Firefox and IE.

Since you are copying the player you have more options.
Try doubling the div, and using the opacity on the inner div, and applying the background to the outer div.
You can also try replacing -moz-opacity with just opacity.

To prevent the double play symptom, you can turn off auto play
OR
you can just remove the default player once you copy it (by removing the song).
I tested this and it worked.
The same test failed about 6 months ago when I tested it.
But myspace has modified the core code since then.; 24/5/08 23:27
Thomas said...: Hello,

great thing but i have one serious problem with it. I want the player (Band Profile) to be located at the same position as the default one but first thing is: if i hide the one from MySpace the space for the player is also gone (i tried replacing {visibility: hidden} but it doesn't work. Furthermore, if i try to adjust the position, i can't press the button to save all changes in the "edit profile" section because the player hides it. Any help?; 28/5/08 04:58
u∃∃l!∃ said...: visibility:hidden should NOT remove the space.
display:none will remove the space.

However, you can create a margin above your blogs, if needed, to create the needed space.

table.latestBlogEntry {margin-top:200px}; 28/5/08 15:56
Maz said...: Hey.

I wanted to distribute music skins on my site but didn't know credit was required to use the code. I was wondering if we could come to some sort of arrangement.
I know it's been several months since you wrote this and I don't know if you're still bothered about being credited but I didn't want to add them anyway.
My e-mail address is loddellbosh[at]gmail.com if you'd like to discuss it.
Thanks.; 18/6/08 06:59
Stefan said...: Good Job! :); 20/6/08 04:05
Nancy said...: i was wondering if anyone could help me with this. i just recently wanted to get a trasparent music player so my red-ish background would show on my music player. I have a default layout i got from a layout website but i'm not sure if it matters. the music player keeps coming up transparent. are there any changes i could make in the code to make this work? or maybe another code i could use?; 21/7/08 12:11
u∃∃l!∃ said...: You want to go to this tool

Music Player Skin Tool

Then you want to select the "adjust opacity" button

The greyish checkers, that show through, show how your own background can show through the player.

Notice that as you change the values, the lower you go, the less of the player shows.

You can also choose to add just a control, if you want to turn the player completely transparent.

For this choose the skin library I call plain/controls

you have several options.

If this does not work for you, then let me know, and I will trouble shoot your code for you.; 21/7/08 12:23
JJ said...: Eileen
Great information. I did a total re-write of our bands myspace including a very custom music player skin. You ROCK!

JJ
myspace.com/brandedband; 23/7/08 20:52
Anonymous said...: Thanks I used your code to make my player pink. Looks cute! I like to keep it simple! Thanks again!; 30/7/08 21:41
Anonymous said...: So i pasted my code and i cant seem to submit it to save on my Band Myspace Profile. Any answers on whymits not letting me submit to post on bio?; 6/8/08 07:28
Anonymous said...: Here is a picture of what it looks like. http://i73.photobucket.com/albums/i219/LilxJeff/untitled-6.jpg; 6/8/08 07:30
u∃∃l!∃ said...: That is a really cute image.

You need to use SAFE MODE

On the band page SAFE MODE is very important, otherwise any style you are trying to apply ends up showing up on the actual edit page.; 6/8/08 08:41
cindilee said...: HELP!!! Hi Eileen I have used some of your codes for the band profile I have been creating and I am now at a standstill because as you warned making the nav bar dissapear of which I was trying to make a banner above the bar and now the music player will not start up auto when I go into the page from my other profile??? I then went in and removed some of the codes NOW I DONT KNOW WHAT TO DO ?COMPUTER DUMMY (KINDA); 26/8/08 15:06
Cities said...: Hi eillen i used your code for the music player skin on a band page with your Div Overlay method aswell.

My trouble is that i have the skin working over the player and now since i have added a video over the div it has also faded into the background

I am wanting the opcaity to just effect the music player not anything else.

How would i go about fixing it??

myspace.com/rivalstatenz

Thanx
Stefan; 27/8/08 19:13
u∃∃l!∃ said...: What depth did you add the video,
I added code to reverse the opacity at the normal depths people usually put videos.

But you can do this:
<div class="myVideo">
PUT YOUR VIDEO CODE HERE
</div>

Then add this
, div.myVideo
just before this clause in the code for the music player skin:
{-moz-opacity:1.0; filter:none;}

You should always wrap custom objects in a div, with a custom class OR give the object a custom class.
That way you can reverse any effects you apply to other elements, on the custom object.; 27/8/08 19:38
Empusa said...: Thanks very much for helping everyone out, especially us bands!
Gonna sit tight on myspace, let them weed out the bugs and then I'll be back for some codes :)

Does anyone know if Myspace's intentions are to allow bands to customize their player skins and colours? If not, why would they plonk this ugly big white player on our profiles?; 27/9/08 08:36
u∃∃l!∃ said...: I think I need to go shopping, and wait until late tomorrow before doing any more updates.

Band player skins are actually easier then before, (but not as easy as yesterday when they had the double div there).
But band player skins will not work if one also wants the shows to be transparent (in IE).

I really hope they add back the double div, I really liked it.; 27/9/08 12:15
Adam said...: Hi eileen :)

loving your code to skin the band player but I am having a small problem.

If you view my page..

http://myspace.com/elecktronik

It looks fine at both 1280x1024 & 1024x768 resolution, but if viewed at 800x600 the music player is too far over to the right and it covers up the top left table where it says "profile views" etc..

Is there anyway to prevent this?

many thanks

Adam; 2/10/08 09:54
Adam said...: sorry, I meant it is too far over to the left.; 2/10/08 09:55
u∃∃l!∃ said...: If you use absolute position, for BOTH the player and the skin div, and both use the exact same reference, then they will align correctly.

I was going to rewrite the code, for the band player, to make use of the new div that is now wrapped around the player; however I can not without effecting the shows.

So I am sticking with the code that creates a new div, and then positions both the div and the player, using absolute positioning.

I don't have time to look at individual pages right now, maybe in a while I will have some time to do that.; 2/10/08 11:39
Steve said...: Hi, I would like to create a menu just like the one Nickelback did under the ads and menus, just above the main table (http://www.myspace.com/nickelback).

Could you please email me a method I could use at sjmclean24@hotmail.com or as a reply comment?

Thanks Very Much and Congratulations for this site. It's been of much help till now :); 1/12/08 00:47
Anonymous said...: i used eileens code on egen and it works great on the player but my scroll box is HUGGEE! and it stretches my whole page out. ive been looking for generator codes for 3 hours . PLEASE help!; 11/12/08 19:19
u∃∃l!∃ said...: You need to make sure your scroll box has its own class, and it has any needed style applied to that class, with !important.

Because myspace decided to add inline style commands to their music player div, and not give it a class that I can use, I had to apply style at this level

table table div

I also had to use !important to override their own inline style.

This means that if you have other scroll boxes, effected by that level, they need a class.
Then you need to override the style using that class.

i.e.
<div class="myScroll">
Whatever you want to be inside the scroll box goes here.
</div>

Now you need a style block:

<style>
div.myScroll {height:100px !important;
width:200px !important;
overflow:auto !important;}
</style>

If each scroll box has a different size, then use a different class name for each scroll box.; 11/12/08 19:34
Carlos said...: your r the best but...i have been searching the web trying to find out a code to ad a youtube video on my profile and position it where ever I want..like this site=

http://www.myspace.com/diddy; 13/2/09 18:24
Anonymous said...: Hi, I generated a custom myspace music player skin & it works fine except the opaque overlay is too high up on the music player & it should be covering the bottom & not the top of the music player template. It's like the Opaque overlay is upside down & scroll to the right cuts off towards the bottom & disappears because of it. Does anyone know the code to fix this or how to move the opaque part over your skin down to cover the bottom of the music player template & not the top? Thank-You, Oblivious; 21/2/09 15:36
Anonymous said...: Oh, & by the way, I'm using Myspace 1.0 but I have the newer music player 2.0 with multiple songs so it's the bigger one height:400px & width:295px. I tried to copy & paste the full code to show it to you but I couldn't. My page is set on private, otherwise I would send you the link. Thank's again & looking forward to a resolution, Oblivious; 21/2/09 16:05
Anonymous said...: Ok, I'm a little slow & didn't read the fine print. I have IE & I guess the bug thing applies for me when it comes to my music player. I don't want to switch to Firefox. I hope you can find a fix without too much difficulty. Oblivious :); 21/2/09 16:34
u∃∃l!∃ said...: Well, I think I am going to go fix that right now.; 21/2/09 18:29
Anonymous said...: Hello again. Just wanted to say what I decided to do since I like my own custom music player skin & I don't really like how the opaque part cuts off on the background image, I decided to use a compatible image that I can crop to make fit where the music player cuts off so my image is as big as the music player eventhough it cuts off I think it looks better than showing the whole image with the flaw, bug. So, I'm just passing on this info, hope it helps anyone who's struggling with the same problem. I'll shut up now, but I'm hoping someone can figure this thing out A.S.A.P. so I can have a normal, non-boring, cutom Myspace Mp3 player skin. Help!! Oblivious; 21/2/09 19:36
Anonymous said...: Ok,u∃∃l!∃. If you can fix this, that would be great! I'm patient. I'll check back later. If not then hopefully it'll be fixed eventually. Thank's Oblivious; 21/2/09 19:42
u∃∃l!∃ said...: I am not certain that the problem you describe is the one I have discovered and am fixing.

Why don't you add me as a friend, so I can look at your page.

my myspace page
Put a comment with your friend request, so I know it is not a spam friend.; 21/2/09 19:58
Anonymous said...: Ok u∃∃l!∃, how do I find your myspace page? Do you have a link somewhere I'm not seeing? Let me know please so I can add you & you can see what I'm talking about. Thank-You, Oblivious; 22/2/09 02:15
Anonymous said...: Lol, sorry disregard my last entry. Thank's Eileen, see you on myspace :); 22/2/09 02:26
Anonymous said...: hey i added the old myspace player and how do i get rid of it and go back to the new player thanks!; 8/3/09 23:31
Anonymous said...: nvm i got it; 8/3/09 23:52
chelse_93 said...: hi,
ok i keep changing my myspace profile and background over and over so its not the layout that is the problem but i do have everything hidden on my page (friends,cmts,intrests & details ect.) and my scroll box will still not work i have used mutiple different scroll box codes and none of them work can you please help me! :); 17/3/09 16:22
chelse_93 said...: i need help with my scroll box can you email me at chelse_93@yahoo.com pleasse; 17/3/09 16:23