How to modify a media controllre skin?

Hmm, I tried learning that new format but it exceeded my knowledge. I'll post the images, if you have time and can do it, great; if you don't, it's ok, no problem:

ctls:


bgvol:


bg:


This is how it looks now:


This is how I want it to look (I edited the previous image in photoshop):


I just want to use as less space as possible because I've already taken a lot of space in my taskbar. In the image I removed some controls and also those "+" and "-" symbols in the volume bar


Thanks in advance