- #Widows media player skins how to
- #Widows media player skins skin
- #Widows media player skins software
- #Widows media player skins code
If you have know idea how to use these softwares, then look in tutorials list, there're plently of them.Ģ) Make a new document with a reasonable size. I'm not explaining how to make a shape since this guide is to make a WMP skin, not to learn how to use Fireworks. In this guide, i will use Macromedia Fireworks MX 2004 but most of the steps can easily be followed in any other design software.
#Widows media player skins software
You can make a background design with any design software such as Fireworks, Photoshop, GIMP and even MS Paint if you have awesome design skills :). On the next page, we'll start with the design. But don't forget to remove them before exporting!
#Widows media player skins skin
If it's your first skin, i recommend using a rectangle skin background.Īnother tip: It's always useful to put example texts and visualizations/videos windows on your skin so you know how it looks. On the other side, if you use sharp edges with only line style borders (rectangle), you won't have any problems and in most case, you won't even need a mask. See Chapter 15 for more details about round skins. For exemple, if your skin is blue and you set the masking color as red, you might see a beautiful red border which looks ugly (unless that's what you want it to look like :-/ ). The problem with this method is that if you set a color that is totally different than the colors you used in your skin, you will see a 1 px border of that color.
This mean you will need to specify a color that is going to be removed from the entire background. You will need a mask to tell the player which part of the background the hide (make transparent). WMP is not supporting transparency by default. First, making a round skin is much harder than making a rectangle skin.
#Widows media player skins code
You will get highlighted code and colored tags.īefore starting with the main background design of your skin, you need to know some limitations/notes that you have to keep in mind. For faster and easier looking, use Macromedia Dreamweaver. The XML file and the JS file can be opened with any text editor. For exemple, to animate a panel that slide to the right, you need to insert some codes in your JS file just like you would do for an HTML page. Finally, there's the optional JS file which contains all the javascripts you need in your skin. All the sizes, positions, actions, properties of each object including the panels and visualizations window are listed in that XML file. The XML file contains all the properties of each object in the skin. The images files are what you see: the background, the buttons, the EQ panels, etc. Images files, XML file and JS file (javascript). Skins are made of 3 main parts (one is optional). You will then find all the components of the skin such as images, scripts, JS files, etc. You can try to open one with WinZip (change the extension to. Maybe you ever tried to open one of these files with notepad, not much success you might had. When you first a download a skin, you download one main file that contains all the informations (scripts, codes, graphics, actions, etc.) that are used to display the complete skin. Windows Media Player comes with several skins to choose from, but it is relatively easy to create and distribute custom skins. Windows Media Player lets the user choose from a variety of standard skins, each one providing an additional visual experience that enhances listening and viewing pleasure. 6 - Writing the XML - Skin Informations This guide can be used as a walkthrough from start to finish or as a reference for a specific feature.Īll over the tutorial, I use a skin example that you can download (with all the files that you need) here: Since this tutorial is huge, I've splitted it in different chapters and pages, each on a specific feature. This tutorial is a complete guide to make your own Windows Media Player skin with advanced features. After the Ultimate Slicing Guide by Faken, here's the Windows Media Player Skinning one by NGPixel.
0 kommentar(er)
