For devices with much lower resolutions (such as a nokia Lumia 520, which is 480x800) the image will be scaled down, in this instance the image would be 1/10th its designed size!, images should be designed with this in mind.Įxample of an image placed in lower right corner, the actual image is drawn to be 200x200 pixels at 4000x3000 resolution: The image should be designed with a total screen size of 4000x3000 in mind (or 3000x4000), in that if your image is to take up 1/4 of the screen, it should have a resolution of 4000/4 = 1000 pixels. Genericfont - the font used, specifies colour in r,g,b and optional bold itallic values, example 0,0,0 itallicĮach of the 8 skin files are made up from components, these components draw the skin they are:Įxample (of a dark red rectangle which fills the whole page):Ī frame rectangle (1 pixel wide frame), that is unfilled:Įxample blue line running right across top part of screen:Īn image, images should be png and can contain a transparency. Iconplay, iconpause, iconfolder are icons to be used in track listing, they should be at least 400x400 pixels and contain an alpha layer.īackgroundcol - the background colour for Browsing and Playlist, in r,g,b skindef file are the following elements:ĭefaultart - a place holder image for when the player is stopped, or a file has no art. The Now Playing page can be 100% skinned, the browse and playlist pages (and settings) offer minimal skinning beyond colour setting. fbskin file and then renders the skin in an example program which allows the various devices to be tested against your skin. Running SkinDesigner, compiles the skin to a single. Finally double click the skindef.skindef file to run SkinDesigner.exe to compile the skin. A foobar mobile skin (.fbskin) is created using the foobar mobile skin compiler (windows only), which compiles multiple skins and images into a single file.Ī single skin will contain 8 skins, skins are resolution independent, the 8 skins are needed to accurately cater to the various aspect ratios needed for the various devices, each skin contains:Īll files when creating a skin should be in a single folder, edit the skindef.skindef file (drop existing onto notepad).

Foobar2000 skins