Topic: New Skin: MetroX (Read 93581 times)

chrisjj · « **Reply #50 on:** January 31, 2013, 08:53:15 am »

Hi Maverick

Thanks for this skin. I'm looking for a maximally ergonomic skin and this is the nearest I have so far found.

Some observations you might like to know of:

MetroX (Cyan) under MC18

1 Left edge drag is ignored at some positions e.g.

2 Right side drag is not offered at some positions e.g.

3 The single resize grip (on bottom-left corner) seems odd, since the other corners too offer resize.

4 The button to left of Search is a magnifier - rather than a plus as one would expect from the fact that Noire down-arrow is MetroX plus elsewhere, and from the fact it does not perform a search but present a menu.

5 I would prefer this skin to remove the menu transparency and remaining gradients and animations (e.g. on Player tab preset buttons).

Thanks again.

Maverick07 · « **Reply #51 on:** February 01, 2013, 05:57:26 pm »

first of all, thanks for the feedback...

1,2...its the only way to get a seamless skin without borders - so if you want to resize it, you get an border that does not fit to the metro style
- but you can resize it on top and bottom of the player (in the dark areas)

3...i took the resize grip from steam, well yea, thats it ^^

4...well, all of my skins are using the magnifier icon - imo it looks better than the boring dropdown icon
- btw: dsp also got a popup menu, and it aint got an arrow down icon

5...transparency: jriver does it at its own - so its impossible to remove
and ye, if you dont like the gradients, you can use your own colors, by recoloring the dark areas

StFeder · « **Reply #52 on:** February 01, 2013, 06:19:45 pm »

Quote from: chrisjj on January 31, 2013, 08:53:15 am

5 I would prefer this skin to remove [...] remaining gradients and animations (e.g. on Player tab present buttons).

As far as I know the Player Tab preset buttons are not part of this skin. If you want them to be skinned you could place three image files in the skin folder named

CarRadio_ButtonLeft.png
CarRadio_ButtonMiddle.png
CarRadio_ButtonRight.png

As long as those files are not there, MC will use the standard images for the preset buttons. And the standard design does look as it does in your screenshot. To give it a try you could put the three attached files into the MetroX skin folder.

Quote from: chrisjj on January 31, 2013, 08:53:15 am

4 The button to left of Search is a magnifier - rather than a plus as one would expect from the fact that Noire down-arrow is MetroX plus elsewhere, and from the fact it does not perform a search but present a menu.

I never thought about that. Now reading your statement I'd prefer a drop down arrow there, too.

chrisjj · « **Reply #53 on:** February 01, 2013, 06:37:38 pm »

> 1,2...its the only way to get a seamless skin without borders

OK. Personally I don't see the advantage of no border when non-maximised, but perhaps some people do.

> 5...transparency: jriver does it at its own - so its impossible to remove
and ye, if you dont like the gradients, you can use your own colors, by recoloring the dark areas

OK, thanks. Am I correct in assuming the animations also are impossible to remove? E.g. the fade-in.out of tooltips and preset button highlights.

chrisjj · « **Reply #54 on:** February 02, 2013, 05:30:57 am »

Quote from: StFeder on February 01, 2013, 06:19:45 pm

To give it a try you could put the three attached files into the MetroX skin folder.

Thanks, but that makes no difference here: http://img694.imageshack.us/img694/1140/jrmctestwindowsvirtualp.png

This is MC18 on WinXP SP3.

StFeder · « **Reply #55 on:** February 02, 2013, 05:51:09 am »

Sorry. Didn't remember that I added some lines to main.xml. If you wanna try you should add these lines to main.xml:

Code: [Select]

<CARRADIO>
  <Entry Name="ButtonLeft" Bitmap="CarRadio_ButtonLeft.png" NumberImages="4" Margins="3,3,2,0" OverTextColor="FFFFFF" PressedTextColor="FFFFFF" />
  <Entry Name="ButtonMiddle" Bitmap="CarRadio_ButtonMiddle.png" NumberImages="4" Margins="0,3,2,0" OverTextColor="FFFFFF" PressedTextColor="FFFFFF" />
  <Entry Name="ButtonRight" Bitmap="CarRadio_ButtonRight.png" NumberImages="4" Margins="0,3,3,0" OverTextColor="FFFFFF" PressedTextColor="FFFFFF" />
</CARRADIO>

You should place it somewhere at the end. Last line should be something like </MJMS>. Place it right before that line.

chrisjj · « **Reply #56 on:** February 02, 2013, 09:16:47 am »

Quote from: StFeder on February 02, 2013, 05:51:09 am

add these lines to main.xml:

Code: [Select]
<CARRADIO> <Entry Name="ButtonLeft" Bitmap="CarRadio_ButtonLeft.png" NumberImages="4" Margins="3,3,2,0" OverTextColor="FFFFFF" PressedTextColor="FFFFFF" /> <Entry Name="ButtonMiddle" Bitmap="CarRadio_ButtonMiddle.png" NumberImages="4" Margins="0,3,2,0" OverTextColor="FFFFFF" PressedTextColor="FFFFFF" /> <Entry Name="ButtonRight" Bitmap="CarRadio_ButtonRight.png" NumberImages="4" Margins="0,3,3,0" OverTextColor="FFFFFF" PressedTextColor="FFFFFF" /> </CARRADIO>
You should place it somewhere at the end. Last line should be something like </MJMS>. Place it right before that line.

Thanks - that worked fine, on MetroX - Default (Cyan) and MetroX - Default (Magenta).

FTR, the last line was:

Code: [Select]

</MJMS>2

chrisjj · « **Reply #57 on:** February 04, 2013, 06:29:54 am »

Marverick (and MetroX users), you might like to know that installing MetroX on MC18 here interfered with the appearance of other skins. E.g. when I switched back to Noire, small icons from MetroX remained.

I worked around this as follows: In C:\Program Files\J River\Media Center 18\Data\ , delete Custom Art\ and Custom Resources\.

InsaneRC · « **Reply #58 on:** February 04, 2013, 08:08:12 am »

Quote from: chrisjj on February 04, 2013, 06:29:54 am

Marverick (and MetroX users), you might like to know that installing MetroX on MC18 here interfered with the appearance of other skins. E.g. when I switched back to Noire, small icons from MetroX remained.

I worked around this as follows: In C:\Program Files\J River\Media Center 18\Data\ , delete Custom Art\ and Custom Resources\.

Thank you

Fabricio · « **Reply #59 on:** February 04, 2013, 11:54:51 am »

Quote from: chrisjj on February 04, 2013, 06:29:54 am

Marverick (and MetroX users), you might like to know that installing MetroX on MC18 here interfered with the appearance of other skins. E.g. when I switched back to Noire, small icons from MetroX remained.

I worked around this as follows: In C:\Program Files\J River\Media Center 18\Data\ , delete Custom Art\ and Custom Resources\.

Well remembered, but the Marverick teach it in their threads.

Look, in link this skin: http://maverick07x.deviantart.com/#/d5f4cp4

Hugs,

Fabrício, from Brazil.

chrisjj · « **Reply #60 on:** February 04, 2013, 11:59:49 am »

Quote from: Fabricio on February 04, 2013, 11:54:51 am

Well remembered, but the Marverick teach it in their threads.

Look, in link this skin: http://maverick07x.deviantart.com/#/d5f4cp4

No mention of interference with other skins, though.

kurushi · « **Reply #61 on:** February 04, 2013, 01:14:39 pm »

- If you don't like the custom icons you have to delete the "Custom Art" and "Custom Resources" folder (J River/Media Center.../Data)
It's on deviant art.

I found a bug too only one icon (player sometimes revert to default ) but it's was in previous Mc build now it's seems ok.

chrisjj · « **Reply #62 on:** February 04, 2013, 01:18:59 pm »

Quote from: kurushi on February 04, 2013, 01:14:39 pm

- If you don't like the custom icons you have to delete the "Custom Art" and "Custom Resources" folder (J River/Media Center.../Data)
It's on deviant art.

Indeed it is. No mention of interference with other skins, there.

Perhaps you take that to indicate interference with other skins, but I don't think most users would.

kurushi · « **Reply #63 on:** February 04, 2013, 11:24:34 pm »

Yes you right:)

Maverick07 · « **Reply #64 on:** February 15, 2013, 09:51:41 am »

Update to 1.3

Well, several modifications on the MainFrame
Main change are the brighter TabBar and ActionWindow - now the skin looks way more tidy/classy

=> More details on top of the thread

Fabricio · « **Reply #65 on:** February 15, 2013, 12:21:50 pm »

Very thanks ...

For me the buttons play, pause, next, previous are not very sharp as your picture (Screenshot).

Why?

suggestion:

Playerbar_SliderVol and PlayerBar_SliderVolFront more fine

Hugs ...

kurushi · « **Reply #66 on:** February 15, 2013, 02:14:07 pm »

Hi,good works tab bar is really better like this.
You have changed some others icons too

like services or handled etc... per eg

The buttons (play pauseetc...)are more small but i prefer ancient ones
I don't see difference in the slider
U have forgotten the inactive header background it's almost noire (use 2 view for to see what i mean)
And u forgotten to color separators on toolbars with tha black colors.

Anyway i don't find any issue with it with MC 18 so great works!

Fabricio · « **Reply #67 on:** February 15, 2013, 03:38:29 pm »

Suggestion:

Playerbar_SliderVol and PlayerBar_SliderVolFront more fine.

traces pause button more fine.

Do you understand? Look:

Hugs ...

kurushi · « **Reply #68 on:** February 15, 2013, 06:35:15 pm »

or just "playerbarr pos front" more large like thevolume bar

But tiny volume bar is good too.

StFeder · « **Reply #69 on:** February 16, 2013, 08:08:21 am »

Hm, I kind off like the new, thicker playbar buttons! But again I'm missing a stop button... If anyone needs a big stop button: here it goes! Just place the attached file into the skins folder!

StFeder · « **Reply #70 on:** February 16, 2013, 08:13:02 am »

For a smaller stop button you have to change all four play control buttons in order to get the right space between them. If you want to: Here you go! Just place the attached files into the skins folder!

Fabricio · « **Reply #71 on:** February 16, 2013, 09:40:28 am »

The skin (MetroX) is successful.

StFeder,

Thanks for button.

Maverick07 · « **Reply #72 on:** February 20, 2013, 10:29:57 am »

ive updated it to 1.4

only three changes:
- fixed a little bug from the volumefront
- slighly darker inactive tabs
- new icons => nearly all of them got a workover or got replaced by new ones

kurushi · « **Reply #73 on:** February 20, 2013, 09:31:33 pm »

Very good update!

Inactive header background still too dark when working with 2 splitview

Maverick07 · « **Reply #74 on:** April 05, 2013, 06:11:00 pm »

Just a mini update to 1.4.1
- Previous and Next button got improved by a pixel - now i looks not so cripsy from far away / or if it is in the top left corner

Al ex · « **Reply #75 on:** September 23, 2013, 05:49:52 am »

Hi,
this skin is very nice, I would like to use it. However, I rather prefer dark themed skin, and to use Metro as the successor of my Albedo, I would like to change the colors of the white areas into black/dark and of course the dark text into bright ones.

I already found out that I need to change MAIN.XML in the skin folder, tried to play around, but nothing has changed. Any hint, which values to change?

Thanks

SkGe · « **Reply #76 on:** September 23, 2013, 07:51:39 am »

Quote from: theweasel68 on September 23, 2013, 05:49:52 am

Hi,
this skin is very nice, I would like to use it. However, I rather prefer dark themed skin, and to use Metro as the successor of my Albedo, I would like to change the colors of the white areas into black/dark and of course the dark text into bright ones.

I already found out that I need to change MAIN.XML in the skin folder, tried to play around, but nothing has changed. Any hint, which values to change?

Thanks

For text you can change on the xml file, and for change it the color from white to dark, either change the exact image or from xml file. But from what i read, you need to change the image then change the text.
Look on the main file in that section and see if it has some additional info about "image.png" and from there you look the right image and change it (your image is in the folder where the main file it is).
Hope it will help you.

Al ex · « **Reply #77 on:** September 23, 2013, 10:29:01 am »

Quote from: sirgeo on September 23, 2013, 07:51:39 am

Hope it will help you.

Yes thanks. Unfortunately I cannot find a documentation, and finding the code, relating to certain colors is a pain in..., but I will go through it the next days. Don´t know, if I am allowed to publish the modified files here. Or is this copyrighted/dissallowed by the creator of MetroX? If not, I will publish the dark version here...

kurushi · « **Reply #78 on:** October 15, 2013, 12:35:32 pm »

Well i have already maid variants with Maverick rights
http://yabb.jriver.com/interact/index.php?topic=77342.0
But you 'll need to have a lot of customisation just a little touch i think anyway u can post a preview and ask it for permission.

fretwalker · « **Reply #79 on:** January 28, 2014, 03:45:29 am »

Thanks for this very nice skin!

I'm using MC19 and the bottom of the playerbar_posthumb.png is cut up to par with the bottom border of playerbar_pos.png while it should protrude a few millimeters, which means it now shows just 2/3 of the whole circle.

How can this be fixed?

Best regards

ElQuia · « **Reply #80 on:** January 30, 2014, 03:54:14 pm »

HEY THANKS , will try this weekend!

Eric05 · « **Reply #81 on:** October 16, 2014, 11:16:05 am »

Any news of the V2?

kurushi · « **Reply #82 on:** November 20, 2014, 04:29:52 am »

V2 is not planned

Eric05 · « **Reply #83 on:** December 01, 2014, 09:12:41 am »

What a pity !

Al ex · « **Reply #84 on:** December 01, 2014, 10:14:48 am »

Really sad news, as this is the only Skin I know so far, which looks modern and at least to me - appealing.

I really love MC as feature wise it is state of the art, but design-wise, standard skins look anything else than state of the art.

Eric05 · « **Reply #85 on:** December 01, 2014, 11:08:23 am »

So true ! JRiver skins look so 1999 for most of them... MetroX was really nice and modern, the problem for me was the menu item not visible unless you hovered them.

Right now I use Modern Cards Duo skin, who looks pretty nice !

JimH · « **Reply #86 on:** December 01, 2014, 11:10:49 am »

1999 was a pretty good year.

Eric05 · « **Reply #87 on:** December 01, 2014, 11:15:17 am »

You have a point

kurushi · « **Reply #88 on:** December 22, 2014, 07:24:22 am »

Guys you can try mine too based on the Maverick one and anyway Maverick have done a great job it can't be more perfect (due to the possibilities of MC in customisation).
What would you have in it who is missing?

Eric05 · « **Reply #89 on:** December 22, 2014, 07:36:18 am »

Hello Kurushi,

I've seen yours based on MetroX, nice work. What I'd like is to have the menu items clearly visible. And I'd like the originals colors of metro X better. For me MetroX was perfect, just these invisible menu items...

kurushi · « **Reply #90 on:** May 13, 2015, 02:55:38 pm »

Sorry for the very late answer i was on other stuffs...
So for the invisible menu items all is located in the main.xml

Hit ctrl+F on it and type menu so you 'll found the entry i am on a new mac so i can see the main.xml now.
Make a backup and try you 'll found it.
From memory it's not transparencies just the same colors for default and hovered.
When i 'll have my computer i 'll check.

Maverick07 · « **Reply #91 on:** August 04, 2015, 06:23:00 pm »

Hey guys,

I just wanted to inform you that after two years I'm working on an update for the MetroX again.

The idea was to combine the new Windows 10 style with the older Windows 8 Metro style into one skin, depending on which system you are using.
Sadly the "Plattform" command is only working since the MC 20 version, which is a no go for me because i want to make it usable on older versions and the Jukebox as well.

So i have to make two versions.
An older Metro style => This skin is actually to 99% finished
- with no borders
- "negative" effects when buttons get pressed
- Windows 8 header buttons

A new Windows 10 based version => finished in 1-3 weeks?
- borders
- "darker" effects when buttons get pressed
- Windows 10 header button
- completely new frame windows
- new action window style (not sure about that)

As you can see there won't be so many differences between those. So they will be kinda similar.
Also there might be a special version that combines both skins, with some custom icons and slightly different colors. But that's the future and i will see if I will be motivated enough.

List of changes:
- the + / - icons got replaced by normal dropdown arrows
- icreased / sharper "Mainframe" buttons
- fixed "PositionBar"
- new "ActionWindows" buttons
- new X (close) buttons
- new "RadioCar" buttons

StFeder · « **Reply #92 on:** August 06, 2015, 08:38:00 am »

Great to see you "back at work"

MetroX is still my favorite Skin. Lets see if it can get even better! Will it finally get a stop button

I'll consider trying "Modern Cards 2" once it gets released, because it looks very promising. I like the scroll bar design of Modern Cards. They are not so dominant as they are in MetroX. But they have to be this dominant in your skin because it's Metro, I guess...

jaxtherogue · « **Reply #93 on:** August 06, 2015, 08:44:48 am »

these modern app skins are great. I am looking forward to trying the Windows 10 refresh you have in the works!

intrance · « **Reply #94 on:** August 07, 2015, 06:49:35 pm »

Looking forward to it as well, I have used your MetroX skin a lot.

William-NM · « **Reply #95 on:** August 08, 2015, 12:56:27 pm »

Glad to see that you're updating this excellent skin

(Win10 - MC21)
Thanks for all your hard work!

William

Maverick07 · « **Reply #96 on:** August 11, 2015, 07:11:59 pm »

Done

So i ended up with 4 versions so far:
Cyan and Zune for Windows 8
Cyan and Pink for Windows 10

There will be another color theme for Windows 10 as it doesn't take too long. I only have to change 4 files or so.
I think im going for a Dark Green to Lime gradient, or a bright Blue to Yellow gradient (such as the gaia skins)

However,
So the Windows 8 versions didn't got so many major updates.
As i said before the + / - buttons got replaced, and a general makeover of the mainframe buttons.

Which leads us to the Windows 10 versions.
- Instead of the "Zune" color i picked a bright and modern pink color.
- Less colorful elements in general
- New scrollbars (thinner)
- The toolbar text is visible again
All the other changes i posted earlier

As usual, the previews and download button is on the first site.

That's it i think.
I hope you like the changes, even it took a long time.
So happy testing, and hopefully not too many bug reports

William-NM · « **Reply #97 on:** August 12, 2015, 12:40:26 am »

Perfect!

jaxtherogue · « **Reply #98 on:** August 12, 2015, 12:15:56 pm »

I like it a lot. Looking forward to a dark version to match my new dark windows.

Maverick07 · « **Reply #99 on:** August 12, 2015, 05:36:20 pm »

Sorry but there is no dark version planned $:-\$

INTERACT FORUM

Author Topic: New Skin: MetroX (Read 93581 times)