Show Posts

This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.

Topics - Rotem K.

Pages: 1 2
Skins / Skinning Guide - Part 1 - The Basics
« on: January 09, 2011, 02:38:21 PM »
Hey guys,

After doing a few skins myself, I've decided to write this guide, in hope that a few more folks that maybe don't have the 'technical' know-how but still feel they can contribute something to graphical work of MusicBee will want go ahead and to give it a try.

Before I begin the break down on skins XML structure, I have to say: if start mess around with skins and have a question or two, please ask me or other community members that have already posted skins and may have the experience to answer those questions before asking Steven. The last thing we all need is that this guide will result in Steven spending more time answering questions that a member could have solved.

So here we go.


The first thing you're going to need is a skin.xml file. Preferably you'll choose skin that's as much similar in colors as the one you have in mind and want to do. So if you're making a dark skin then you want get a dark skin XML file. If you're making a bright skin, well, get a skin that’s bright.  The reason for this is that this way you might have fewer things that need a change.  Also, you'll have the original colors' numbers (this will be explained later) as reference.  

You can find a skin.xml file either from Path\MusicBee\Skins or download a new one from the Customizations Forum.
Any text editor will do for opening the file. (I myself use Notepad).

You'll notice right away that the file is constructed from many lines of element tags. Each one of those fixes settings for a different interface part of the application.

Please note: In my skins I've added numbers in my skins as notes. Those aren't necessary but they will be helpful as reference throughout this guide. So every time you see <!-- number-->  remember that this is just a note, and effects nothing,  

Here's a random element line:
<!-- 65-->  <element id="Panel.ScrollBarThumb.Default" bg="100,100,100" bg2="60,60,60" fg="110,110,110" bdr="50,50,50" />    
The element ID refers to the interface part that is changed with this line.
After that you can see BG, BG2, FG and BDR color settings.

Color is set in the skins as RGB numbers. You get these from any photo editing software like Photoshop, Paint shop or Windows Paint.

BG – Background color, usually sets the main color on the element.
BG2 – Not very common. Used for creating a gradient color filling.
FG – Foreground color, usually sets the text color on the element.
BDR – Border color.

Note that not all elements will have all 4 of these color settings about them,
Some have just BG, or just FG.

In summary
Skins consist from element tags.
Each element has 4 or less color settings that effects him.
Each color setting is worked with RGB numbers that you get from a photo editing software.

In the next part I'll break down the each element line and it's effect on the interface.


In the mean time feel free to ask any question.

Skins / 'Spooky Black' Skin
« on: January 06, 2011, 09:00:31 AM »
           ------------------Spooky Black------------------


Skin File :
version 1.2.4061 or higher is required: Downloads Post
As always, many thanks to Steven for making this skin possible.

Those who use this skin as their default one, I recommend hitting the Notify button to get updates when ever they are available.



           - SKIN MODS -
paste those over the original element code

Make the right-side panel text whiter:
<!-- 41--> <element id="Panel.ChildBody.Default" bg="20,20,20" fg="255,255,255" bdr="0,0,0" />

Make the central panel text whiter:
<!-- 50--> <element id="Content[TrackDetail].Body.Default" bg="20,20,20" fg="255,255,255" bdr= "50,50,50" />
<!-- 54--> <element id="Content[TrackDetail].ListAlternating.Default" bg="20,20,20" fg="255,255,255" />

MusicBee Wishlist / Auto Backup
« on: December 17, 2010, 06:53:41 AM »
a Backup Scheduler: automatically runs backup of predefined settings [files, library settings or both] at set time intervals [1 day, 1 week, 1 month].

auto backups are some times risky so it would be best if it will always keep a previous backup.
x1 is todays' backup.
the next day [given it's a daily backup] x2 is the freshest copy, but x1 still exist.
the day after that, x3 is the main back up, x2 is the previous backup and x1 is deleted.
this could save a lot of songs when the hard disk hits the fan.

Skins / 'Pop Pink' Skin
« on: November 24, 2010, 05:00:35 AM »
               ------------------Pop Pink------------------


Skin File:
version 1.3.4324 or higher is required: Downloads Post

Those who use this skin as their default one, I recommend hitting the Notify button to get updates whenever they are available.

Hope you'll enjoy it!

Many thanks to Steven for all the help.


           - DEPENDENT SKINS -
Those are skin who use the Pop Pink as a base to build on and color stuff differently.
Pop Blue
By Blinghound
Skin File

           - SKIN MODS -
paste those over the original element code
Color-Change-Mod: Find & Replace the numbers in the Pink column with those in whatever color you want
Pink     Bright Blue     Bright Green
    by Yourpassenger     by Yourpassenger
1228,89,122     20,205,255     0,206,99
2168,105,124     9,93,114     68,136,100
3255,119,133     19,205,253     0,212,101
4127,108,117     14,91,110     59,133,93

Thanks to the contributors!

Darker-Player-Panel Mod:
Find:          <!-- 76-->  <element id="Player.Background" bg="200,200,200" bg2="160,160,160" fg="60,60,60" bdr="160,160,160" />
Replace:    <!-- 76-->  <element id="Player.Background" bg="140,140,140" bg2="100,100,100" fg="60,60,60" bdr="140,140,140" />

MusicBee Wishlist / Smoother Scroll in Lyrics Panel
« on: July 25, 2010, 08:44:09 AM »
Scrolling down in the lyrics panel is kind of rough, and goes down more then expected with every mouse wheel.
if it could be smoother and go down less with every mouse wheel turn that would be great.

Skins / 'Cool Blue' Skin
« on: July 23, 2010, 01:53:15 PM »

               ------------------Cool Blue------------------


Skin File :
version 1.2.4048 or higher is required: Downloads Post

For newer blue skins check : Deep Blue , Sky Blue.

MusicBee Wishlist / bounch of ideas
« on: July 08, 2010, 07:27:20 PM »
UI Related:
-Unmarked stars in rating column should be displayed very faded as opposed to not at all right now.
-Sorting by column will make it darker.
-The player panel really needs a gradient.
-An option: Minimize with X button.

Music Experience Related:
-A little arrow pointing up will show up near any selected filter. when you'll click on it you will the filter reset to 'ALL'. could be helpful with big filter list.
-Show all the libraries one after the other in the in the left side menu, when opening one it will automatically collapse the others.  right now the left menu is:
* Library
  - Music Files
  - Podcast
* Playlist
* Internet
* Computer

if you want to access any other library you need to do it from the menu bar. so i propose:

* Library1 ("Mp3's library" for example)
  - Music Files
  - Podcast
* Library2 ("Lossless" for example)
* Library3
* Playlist
* Internet
* Computer

-Double clicking the album art(in the right panel) will open a window(600x600) to display it.
-Maybe An option in the tag filter to find songs with Album Art that's smaller then 600x600. 

Skins / 'Smooth Grey' Skin
« on: June 16, 2010, 08:12:15 AM »

           ------------------Smooth Grey------------------


Skin File :
version 1.3.4324 or higher is required: Downloads Post

Those who use this skin as their default one, I recommend hitting the Notify button to get updates whenever they are available.


MusicBee Wishlist / drag and drop library order
« on: June 12, 2010, 06:15:47 PM »
I would really like to see an option to order the library by draging songs up and down in the main window. not in a playlist but in the library itself. just like ordering alphabeticly, but say there is a library number for every song and it will be updated with every drag-drop/click on an up/down butten.

Pages: 1 2