MPC-HC toolbar button skining support! [Archive]

tetsuo55

1st March 2010, 21:06

EDIT: we now have the toolbars on our wiki https://sourceforge.net/apps/trac/mpc-hc/wiki/Toolbar_images

Hello everyone,

Starting from nightly build r1706 we now support skinning of the toolbar buttons.

play, pause, etc...

mpc-hc.exe will look inside the directory you placed it in for "toolbar.bmp" if found it will use that instead of the internal icons.

A short how to:
First select the height you want your icons to have (between 1 and 32 pixels)
Then multiply that height by 15 to determine the total width
Each icon itself is as wide as it is high

bitdepth can be <= 24, in which case RGB(255, 0, 255) is considered transparent or of bitdepth 32, in which case the alpha channel is used for transparency / gradients
Compression is NOT supported

Sample regular size toolbar.bmp:
http://img402.imageshack.us/img402/9779/toolbarh.png

Download:
http://www.mediafire.com/file/orttqy54mym/toolbar.bmp

Sample giant size toolbar.bmp:
http://img684.imageshack.us/img684/9611/toolbar.png

Download:
http://www.mediafire.com/file/ezlhgwxderj/toolbar.bmp

Here is another example by one of the mpc-hc users:
http://forum.doom9.org/showthread.php?p=1379021#post1379021

You can edit these samples to create your own skin, or design them from scratch following the above guidelines.

Please share your creations with the others on the forum.

Phaser

1st March 2010, 23:45

Nice to see skinning support...

I tried something quick to see how it works...
I worked with PNG files and then converted them to 32-bit BMP using AlphaConv.

http://img689.imageshack.us/img689/2434/toolbarmpc.png
DOWNLOAD (http://www.mediafire.com/?z0ecj2wzmf4) (size 16)

http://img528.imageshack.us/img528/6546/mpctoolbar.png
DOWNLOAD (http://www.mediafire.com/?onymywmtonm) (size 32)

If anyone is interested maybe I'll do some more. Looking forward to see other ideas and creations...

Keiyakusha

1st March 2010, 23:49

I tried something quick too see how it works...
I worked with PNG files and then converted them to 32-bit BMP using AlphaConv.

Great, I like 32px one!

tetsuo55
Is it possible to make volume indicator skinable too?

EDIT: ohh, and slider too!

Inspector.Gadget

2nd March 2010, 00:25

If anyone is interested ...

If that's "quick", I can't wait to see what you make with a bit more time. They both look great -clean and modern.

Peuj

2nd March 2010, 01:19

Nice work Phaser.

This should be also pushed on http://www.deviantart.com.
As there are a lot of "skinners" there, this could promote the creation of MPC-HC toolbars.

Keiyakusha

2nd March 2010, 01:27

This should be also pushed on http://www.deviantart.com.
As there are a lot of "skinners" there, this could promote the creation of MPC-HC toolbars.

Too early imo. Maybe (hopefully) this thing will be upgraded for support skinning of the other things.

stax76

2nd March 2010, 01:43

Is it possible to make volume indicator skinable too?

EDIT: ohh, and slider too!

would be great

hdboy

2nd March 2010, 03:49

Great, I like 32px one!

tetsuo55
Is it possible to make volume indicator skinable too?

EDIT: ohh, and slider too!

Love the bigger icons, but I've gotten used to using the keyboard for basic operation. I still use the trackbar so would love a bigger trackbar.

iron2000

2nd March 2010, 07:23

!!
I like this new function!
Thanks for making it possible!

Would like the seekbar to be updated too.
The style of the current one looks Win95-98 to me.

Rain1

2nd March 2010, 09:17

Nice to see skinning support...

I tried something quick to see how it works...
I worked with PNG files and then converted them to 32-bit BMP using AlphaConv.

http://img689.imageshack.us/img689/2434/toolbarmpc.png
DOWNLOAD (http://www.mediafire.com/?z0ecj2wzmf4) (size 16)

If anyone is interested maybe I'll do some more. Looking forward to see other ideas and creations...

I <3 the size 16
Thanks so much for sharing that :)

tetsuo55

2nd March 2010, 09:21

The volume and seek bar's cannot be made skinnable without a massive refactoring of the gui code.

And if anyone considers doing that they might as well rewrite the gui in QT to make it not only faster but also completely skinnable (to the point that you could even change the gui to look like a star if you wanted to). That would also turn translation into a simple list of words(instead of the nightmarish .rc files we have now)

I do expect a patch that will let the volume bar grow in size to match the icon size.

Phaser

2nd March 2010, 09:54

lucamark

2nd March 2010, 10:06

Many thanks Phaser and whole developers team!!!

iron2000

2nd March 2010, 10:10

Not sure about QT but are there more modern looking QT widgets?

Anyway I made a 3 simple toolbars using the GUI fx font:
http://stashbox.org/810213/mpc.jpg
Download (http://stashbox.org/810216/GUIfx_toolbar.zip)

Also a 16px template:
http://stashbox.org/810218/template16.jpg
Download (http://stashbox.org/810219/template16.bmp)

I prefer size 16px and either square or icon style :P

tetsuo55

2nd March 2010, 10:28

ooh i like that 3rd one a lot!

Here is a sample of a modern looking QT skin
http://static.arstechnica.com/vlc-skin.png
http://blog.limewire.org/wp-content/uploads/2008/06/21.PNG

Razoola

2nd March 2010, 18:53

Phaser

2nd March 2010, 19:32

I don't think that's a bug... Maybe they're meant to be "black and white" when they are inactive...

Razoola

2nd March 2010, 20:39

I don't think that's a bug... Maybe they're meant to be "black and white" when they are inactive...

Ahh yes, I did not think of that. I think it would be better though to stay a set color for those icons

bobdynlan

3rd March 2010, 02:01

http://forum.doom9.org/showthread.php?p=1378249#post1378249
This issue with custom windows themes could be fixed by instructing MPC-HC to get the final background color for the toolbar from HCU\Control Panel\Color\ButtonLight (i.e. 3D-Objects).

Skinning the progress bar could be done with standard controls using something like:
http://www.ucancode.net/CPP_Library_Control_Tool/CSliderCtrl-Skin-Slider-Control-VC-Article.htm (not the perfect example but others can be found)

Skinning the volume control - maybe using a standard "transparent" slider and paint the background around it:
http://www.codeguru.com/cpp/controls/controls/slidercontrols/article.php/c5253

The current GUI its fast, its plain simple, but that does not mean it cannot be beautified a little without a redesign. No need to waste time on winamp-style bitmap skinning, should jump directly to OSD-style generated "skin".

sabret00the

3rd March 2010, 18:23

Glad to see this, I made this post in the other thread.
I would like to see greater Windows 7 support. WMP12 has got everything right, from the transparency behind the controls, to the updated icons to to the fact that you can play/forward/pause/stop all from the task bar. I moved over to MPC because I felt that WMP was dated and didn't conform with the current needs of a media centric user, however now I'm starting to feel that about MPC. As much as it may be frowned upon, it's time to bring the GUI into the 21st century.

longinus525

4th March 2010, 12:59

Finally i can post :D
I made a icon set for this when this was released(Saturday morning) but i couldnt post because of the 5 days rule

Icon Set (32x32, 24x24 & 16x16)

Here you go :P

http://www.megaupload.com/?d=RA60KGLE

Preview:
http://img697.imageshack.us/img697/8533/glossybylonginus525.gif

iron2000

4th March 2010, 15:52

Nice one, longinus525!

Can you post it on Mediafire or Stashbox, please?
My ISP don't go well with Megaupload and Rapidshare types.
Thanks :)

sillKotscha

4th March 2010, 16:35

Here's some more:

http://img641.imageshack.us/img641/5679/oxygenwhite.png
DOWNLOAD (http://www.mediafire.com/?gmzitocqmmc) (size 32)

I really like this one ... possible to do them at 24x24?

thx in advance

lucamark

4th March 2010, 16:58

Nice one, longinus525!

Can you post it on Mediafire or Stashbox, please?
My ISP don't go well with Megaupload and Rapidshare types.
Thanks :)

Download MediaFire (http://www.mediafire.com/?nzjgmvcogfy)

longinus525

4th March 2010, 17:48

Oh thanks by putting the link to mediafire i was going to do it now, but i guess i was late, i also have the .psd template with guidelines for all 3 sizes, guess im going to put them later when i put another button set (p.s. i really think we should have a repository for this things)

Phaser

4th March 2010, 18:13

I really like this one ... possible to do them at 24x24?

thx in advance

Here it is:

http://img52.imageshack.us/img52/6632/img1za.jpg
DOWNLOAD (http://www.mediafire.com/?vhgucemn2vt) (size 24)

I'll do some more stuff when I have the time...

sillKotscha

4th March 2010, 19:32

great, thank you

Scoty

31st March 2010, 13:23

Please more skins.

click2

3rd April 2010, 07:09

I've been using a slightly toned-down toolbar for a long time now by swapping out the resource image on every update, so it's good to see this feature.

http://imgur.com/j6zFu.png

wOxxOm

8th August 2010, 11:53

I don't use button bar at all for a few years (actually no menu as well ^.- ), only a timeline slider which could have been skinned manually via resource hack, but alas, even this doesn't work.

Of course one can recompile mpchc and set color values in CPlayerSeekBar::OnPaint :D yet as I don't have such an environment, I've used hiew to patch bytes directly, so this is my lame attempt at skinning 8:
http://img819.imageshack.us/img819/5197/clip101.th.jpg (http://img819.imageshack.us/img819/5197/clip101.jpg)

cafevincent

9th August 2010, 02:01

I'm looking for a skin without the volume adjuster. It can't be disabled so I need it to be invisible so nobody uses it. Meaning it should be invisible when it's at 100% volume.

burfadel

9th August 2010, 04:17

Here's some more:

http://img198.imageshack.us/img198/4223/crystalblue.png
DOWNLOAD (http://www.mediafire.com/?gjamycmgcmm) (size 32)

http://img641.imageshack.us/img641/5679/oxygenwhite.png
DOWNLOAD (http://www.mediafire.com/?gmzitocqmmc) (size 32)

I like the crystalblue one too. I would like to see a 'crystal' stop button in red, and a pause button in orange and the step button maybe a nice green or something? At least the pause and stop buttons orange and red to contrast against the play button.

Actually both of Phaser's are excellent, and the bottom one I think should be the new default (even if just for now). The Crystal blue (or crystal blue mod) should be and internal option. Afterall, it doesn't take much file size space to have a few options!

Mercury_22

9th August 2010, 08:57

1. Can somebody make the "autohide" option for the this toolbar available in the windowed mode TOO (it's already available in full screen) ?
2. Can the toolbar be made transparent ? or at least changed the color (black) ?
3. I agree Phaser's "Crystal blue" should be add as default
@ Phaser's can you make the center of the Stop button in red and the Play's one in green ? Also can you change the Volume button with the one from the other mod ?

6205

12th August 2010, 22:11

My Simple Gradient toolbar :)

jinsk8r

5th March 2011, 11:37

Just created a new toolbar.

http://localhostr.com/files/E5lyT2f/toolbar.bmp

Preview:

http://i61.servimg.com/u/f61/11/81/48/66/toolba10.png
http://piczasso.com/i/or53t.png

Sorry for digging this topic but I think we should create more "toolbars" to refresh old-looking MPC-HC :P

P.s: I'll make some more toolbars, maybe GUI modding|tweaking with Restorator "patch" feature :D

bledd

5th March 2011, 12:34

jinsk8r

6th March 2011, 11:17

^
IMO the icons should be at least 32x32 as our desktop resolutions are very high (1920x1080 and bigger) :\

jinsk8r

7th March 2011, 12:09

Black Toolbar:

http://localhostr.com/files/ELCrtoK/toolbar_black.bmp

Preview:

http://i61.servimg.com/u/f61/11/81/48/66/black_10.png
http://i61.servimg.com/u/f61/11/81/48/66/black_11.png

jinsk8r

8th March 2011, 11:56

Windows 7 Taskbar Controls (WMP's default)

1. Download this PNG:
http://i61.servimg.com/u/f61/11/81/48/66/w7_too12.png

2. Use Reshacker (http://www.angusj.com/resourcehacker/)or Restorator (http://www.bome.com/products/restorator)to replace the df one:
http://i61.servimg.com/u/f61/11/81/48/66/how_to12.png

3. Result:
http://i61.servimg.com/u/f61/11/81/48/66/taskba12.png

Fluffbutt

20th April 2011, 07:48

Im trying the crystal blue ones but they are appearing in black and white in the player.

I have found that if I open the player only(without movie) then they are black and white. As soon as I load a movie they go blue... Maybe a bug in the code?

I've just found out about this whole button thing - very nice!!

Razoola - they are grey until you load a movie becasue they are 'grey-out' as in unusable without a movie loaded.

When you load a movie, only play is blue, then when you press play the rest go blue too - showing that they are now active buttons.

Well, that's what happens here..

sexus

6th May 2011, 17:33

good work guys keep it up how bout some new contributions to get this thread back up and runnin, rock on!!!

burfadel

7th May 2011, 07:57

I've just found out about this whole button thing - very nice!!

Razoola - they are grey until you load a movie becasue they are 'grey-out' as in unusable without a movie loaded.

When you load a movie, only play is blue, then when you press play the rest go blue too - showing that they are now active buttons.

Well, that's what happens here..

Same here :)

Its the one I've been using since it was first put on here. I do actually believe this should have been made the default one, at least until a much needed UI revamp is done. There's no point having a great media player if new users are put off by a truly archaeic snorefest of a UI!

Dark Eiri

8th May 2011, 02:46

Same here :)

Its the one I've been using since it was first put on here. I do actually believe this should have been made the default one, at least until a much needed UI revamp is done. There's no point having a great media player if new users are put off by a truly archaeic snorefest of a UI!

I agree but sadly, most people seem to think it should remain a Windows 95 app.

blaster00

13th September 2011, 12:00

Made a ugly one. :)
Icons made by webdesignshock (http://www.webdesignshock.com) and oxygen-icons (http://www.oxygen-icons.org/).
http://img851.imageshack.us/img851/3397/2011913181157.png (http://imageshack.us/photo/my-images/851/2011913181157.png/)

Download 16x16 (http://www.mediafire.com/?q74cyu221d42c5v)

I will make more as soon as I get some new pretty icons.

blaster00

14th September 2011, 03:45

Dark Eiri

14th September 2011, 20:44

Another one.
http://img268.imageshack.us/img268/7726/2011914103458.png (http://imageshack.us/photo/my-images/268/2011914103458.png/)

Download mpc_toolbar_light_16 [16x16] (http://www.mediafire.com/?y3zvq8b6lbdw55c)

This one looks really nice! Maybe should be the new standard and come with the original package?

blaster00

15th September 2011, 01:05

This one looks really nice! Maybe should be the new standard and come with the original package?

The edge of buttons need more work. The current one has white line around it. This will cost some time on the alpha channel and I'm lazy... And I think it is a little too light. Will work on it later.
Since I am not a designer, I just put them together. Any advice of where can I get pretty icons will be appreciated.

GIR

27th November 2011, 11:26

http://i.imgur.com/d1O19.png

mpc_silver.zip (24x24) (http://www.megaupload.com/?d=CYVBEMCK)

burfadel

27th November 2011, 12:49

MPC-HC desperately needs at least one of these as a new standard toolbar. Should be one with big buttons! At least then it looks like its meant to be minimalist, the standard buttons are so antiquated that they just make he program look old and outdated, and not minimalist which would be much more ideal.

vkapartz

28th November 2011, 23:35

Here's what in my opinion doesn't fit the minimalistic approach:

* The dated yellow volume icon (should be black and minimal)
* The 1-pixel "3D" border of the status bar (should not be there at all)
* The etched borders in the "Playlist" and "Subresync" panels (should mimic the ones in "Shader Editor")

Otherwise, I think MPC looks fine (and that everything, except the seek bar, is not really needed). A "standard" appearance is better than a skin that some people may love and others completely hate.