![]() ![]() Image attribute specifies the normal image file This code places three buttons with hover effects. ![]() Let us place them somewhere in the bottom center. Next we place buttons for minimizing, closing and return to full mode.Now the product looks somewhat like this: This colour is specified in the transparenc圜olor attribure. When making the picture portions you want to be left transparent must be filled with a particular colour (#FF00FF commonly used). I have used a png file with a car as base. You can generally use any background image of formats bmp,png,gif etc. The following code comes under the View node. Now we are into the actual making of the user interface, the buttons, the sliders etc.įirst we place a base for the control view, with a suitable background. Regions in the Main View are divided into various Sub Views.Alternatively you can specify a color to fill those areas, but transparency is cooler.Īt this point if you apply the skin you wont be able to see anything! In case you applied the skin and want to return to the full mode, press Ctrl + 1 to return to full mode. Please note that the onresize event is not called in case the skin is not resizable.īackgroundColor="none" specifies that the skin is transparent in areas where nothing is there. Onload and onresize are events which are triggered when the window is loaded or resized respectively. ScriptFile represents our javascript file which handles the programming part of the skin. TitleBar="false" hides the title bar (The one on top with the Close, Maximize, And Minimize buttons). Resizable="false" specifies that our skin cannot be resized,giving false makes it remains in the specified dimensions. MinWidth and minHeight restricts the minimum possible size of the Skin (not used on resizable="false") just given for illustrative purpose. ![]() Left, top, width, and height give the dimensions Id represents the name or identifier of the tag (node) As you can see it is very much similar to a HTML, Make a new js file under the folder (Skins\digitalpbk\). Modify the view node to accomodate the following : Next we can start making the actual theme.The Picture here shows the skin on Windows Media Player 11. Depending on the version of WMP you are using you will see a white rectangle. Look for the skin with the name you have given (digitalpbk), and click it. Check out if you have done it right, by taking the WMP Skin chooser. Paste the following code with suitable substitutions.Next inside the folder make a new file, with the name and extension ".wms", (digitalpbk.wms).Make a folder in the ":\Program Files\Windows Media Player\Skins\", with a suitable name, as in my case "digitalpbk".Goto folder options and uncheck "Hide Extensions of known Type"Ĭlick here to Download the sample skin file made in the following section. It is just an XML file and can be edited or created with any text editing software. The main file in this collection is the "Classic.wms" file. Toggle_hover.bmp toggle_up.bmp volume_background.bmp volume_thumb.bmp Stop_down.bmp stop_hover.bmp stop_up.bmp toggle_down.bmp Rw_down.bmp rw_hover.bmp rw_up.bmp stop_disabled.bmp Prev_down.bmp prev_hover.bmp prev_up.bmp rw_disabled.bmp ![]() Play_down.bmp play_hover.bmp play_up.bmp prev_disabled.bmp Pause_down.bmp pause_hover.bmp pause_up.bmp play_disabled.bmp Next_down.bmp next_hover.bmp next_up.bmp pause_disabled.bmp Mute_down.bmp mute_hover.bmp mute_up.bmp next_disabled.bmp Take for example the Classic.wmz file, renaming and extracting gives us the following files:Ĭlassic.wms classic.js back_disabled.bmp back_down.bmpīack_hover.bmp back_up.bmp currentpos_background.bmp currentpos_thumb.bmpĭivider.bmp ffw_disabled.bmp ffw_down.bmp ffw_hover.bmpįfw_up.bmp forward_disabled.bmp forward_down.bmp forward_hover.bmpįorward_up.bmp icon_stereo.bmp icon_wmlogo.bmp intro_disabled.bmp ZIP and use a unzipping utility such as WinZIP or WinRAR to extract the containing files. Inorder to decompress the file and view the content files, rename the. So it means, the WMZ file on your computer is actually a. WMZ File Format WMP Skins consists of a collection of files zipped together. Here we shall atempt to create a simple skin, from which you can create more advanced skins. wmz file found on "X:\Program Files\Windows Media Player\Skins\" folder (Replace X with your drive letter). What is a WMP skin? WMP or Windows Media Player Skin is a way of customizing how the media player looks. ![]()
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |