After completing this topic, you will be able to understand the structure of a skin.
Steps:
Click the Styles folder.
Step 1The Styles folder includes a Player Customization and a Gray skin. These skins are automatically created in the Library during installation.
The Player Customization skin is an empty skin for you to customize.
The Gray skin is a customized skin that uses uses a different color scheme for topic playback.
Step 2Open the Player Customization skin to view the structure of an empty skin.
Double-click the Player Customization tree item.
Step 3Right-click the config.xml list item.
Step 4Click the Open With menu.
Click the Open With command.
Step 5Select Notepad from the available Recommended Programs.
Click the Notepad list item.
Step 6If necessary, enable the Always use the selected program to open this kind of file option. It is already selected for you.
Step 7Click the OK button.
Step 8The config.xml file does not include settings. You place your settings between the <config> and </config> tags.
Step 9Close the Notepad window.
Click the Close button.
Step 10Right-click the custom.css list item.
Step 11Click the Open With menu.
Click the Open With command.
Step 12Notepad is already selected as the Recommended Program that will be used to open this type of file.
Step 13Click the OK button to open the file with the default options.
Step 14The custom.css file does not include settings.
Step 15Close the Notepad window.
Click the Close button.
Step 16Double-click the lang list item.
Step 17Open the en folder.
Double-click the en list item.
Step 18Double-click the resource.xml list item.
Note: Each language folder includes a resource.xml file.
Step 19The resource.xml file does not include settings. You place your settings between the <resources> and </resources> tags
Step 20Close the Notepad window.
Click the Close button.
Step 21Close the Player Customization tab.
Click the Close button.
Step 22Open the customized Gray skin.
Double-click the Gray list item.
Step 23The root of the skin contains the customized graphics.
Step 24Sort the files by type.
Click the Type column header.
Step 25Double-click the custom.css list item to open it in Notepad.
Step 26Notice the three color settings added to the custom.css file.
These settings control the color of the play mode name and Actions text link in the bubble header, and the background color of the Actions menu.
Step 27Close the Notepad window.
Click the Close button.
Step 28Close the Gray skin package.
Click the Close button.
Step 29After completing this topic, you are able to understand the structure of a skin.