Reply to thread

Message

<blockquote data-quote="Larzon" data-source="post: 653122" data-attributes="member: 101335">If you look in wiki and forums you can get a lot of advice editing skins. This is just to get you started.A. It is recommended you get an xml editor. Although you can use a simple text editor like Notepad, this is ill-advised unless you are very familiar with the code. I like Notepad++ which is a simple code editor (and free <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /> ).B. You will also find this plugin indispensable for skin editing. MyRefresh: <a href="https://www.team-mediaportal.com/files/Download/Plugins/Utilities/MyRefreshforBuild13639andhigher/" target="_blank">MEDIAPORTAL - free media center - My Refresh for Build 13639 &amp; higher</a>MyRefresh allows you to reload xml files while MediaPortal is still running. You just press F5. Say you have MediaPortal open to the Home screen, and at the same time you have the xml file for the Home screen open in an editor. Let's say you are fine-tuning the horizontal position of an item on the Home screen. Here are the basic steps:1. In the xml editor, type in a new value for the X position of the item.2. Save the xml file to commit changes to disk (very important). You do not have to close the file.3. Use Alt+Tab to switch focus to MedaiPortal.*4. Press F5. You will see the result immediately.5. If the position of the item isn't to your liking, press Alt+Tab to switch to xml editor and go to step 1.* To allow Alt+Tab switching: In MePo Config make sure to uncheck &quot;Keep MediaPortal always on top.&quot;C. After you get those basic tools for skin editing, be sure to enable and configure the DriveFreeSpace plugin in MePo Config before you proceed.D. In the folder for the skin you should see a file such as myhome.xml which defines the Home screen. (Sorry I don't have black glass skin -- hope the filename is the same.) Make a backup of this file before you open it for editing.When you open the xml file with the editor, look at the section called Controls. Examine some of the individual Control items to get a basic feel for how things are structured.E. See post #1 for Control examples, and see the documentation included with the download. Here is an example from my own setup of a Control for showing text output of DriveFreeSpace. (On my system the TV folder resides on the K drive; in MePo Config the DriveFreeSpace Plugin is set to monitor the K drive.)[CODE]&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;Drive space Data&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;label&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;1&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;660&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;35&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;label&gt;#DriveFreeSpace.K.AvailableSpace.Data&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;align&gt;left&lt;/align&gt;&nbsp; &nbsp; &nbsp; &lt;font&gt;font15&lt;/font&gt;&nbsp; &nbsp; &nbsp; &lt;visible&gt;yes&lt;/visible&gt;&nbsp; &nbsp; &nbsp; &lt;textcolor&gt;ffa9d0f7&lt;/textcolor&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;1500&quot;&gt;WindowOpen&lt;/animation&gt;&nbsp; &nbsp; &nbsp; &lt;animation effect=&quot;fade&quot; time=&quot;150&quot;&gt;WindowClose&lt;/animation&gt;&nbsp; &nbsp; &lt;/control&gt;[/CODE]</blockquote>

[QUOTE="Larzon, post: 653122, member: 101335"] If you look in wiki and forums you can get a lot of advice editing skins. This is just to get you started. A. It is recommended you get an xml editor. Although you can use a simple text editor like Notepad, this is ill-advised unless you are very familiar with the code. I like [B]Notepad++[/B] which is a simple code editor (and free :) ). B. You will also find this plugin indispensable for skin editing. MyRefresh: [url=https://www.team-mediaportal.com/files/Download/Plugins/Utilities/MyRefreshforBuild13639andhigher/]MEDIAPORTAL - free media center - My Refresh for Build 13639 & higher[/url] MyRefresh allows you to reload xml files while MediaPortal is still running. You just press F5. Say you have MediaPortal open to the Home screen, and at the same time you have the xml file for the Home screen open in an editor. Let's say you are fine-tuning the horizontal position of an item on the Home screen. Here are the basic steps: 1. In the xml editor, type in a new value for the X position of the item. 2. Save the xml file to commit changes to disk (very important). You do [I]not[/I] have to close the file. 3. Use Alt+Tab to switch focus to MedaiPortal.* 4. Press F5. You will see the result immediately. 5. If the position of the item isn't to your liking, press Alt+Tab to switch to xml editor and go to step 1. * To allow Alt+Tab switching: In MePo Config make sure to uncheck "Keep MediaPortal always on top." C. After you get those basic tools for skin editing, be sure to enable and configure the DriveFreeSpace plugin in MePo Config before you proceed. D. In the folder for the skin you should see a file such as [B]myhome.xml[/B] which defines the Home screen. (Sorry I don't have black glass skin -- hope the filename is the same.) [I]Make a backup of this file before you open it for editing. [/I] When you open the xml file with the editor, look at the section called [B]Controls[/B]. Examine some of the individual Control items to get a basic feel for how things are structured. E. See post #1 for Control examples, and [B]see the documentation included with the download[/B]. Here is an example from my own setup of a Control for showing text output of DriveFreeSpace. (On my system the TV folder resides on the K drive; in MePo Config the DriveFreeSpace Plugin is set to monitor the K drive.) [CODE] <control> <description>Drive space Data</description> <type>label</type> <id>1</id> <posX>660</posX> <posY>35</posY> <label>#DriveFreeSpace.K.AvailableSpace.Data</label> <align>left</align> font15 <visible>yes</visible> <textcolor>ffa9d0f7</textcolor> <animation effect="fade" time="1500">WindowOpen</animation> <animation effect="fade" time="150">WindowClose</animation> </control>[/CODE] [/QUOTE]

Verification