Reply to thread

Message

<blockquote data-quote="GetaGrip" data-source="post: 233116" data-attributes="member: 66571">well the simple way is to change the button image in c:\programs\Team MediaPortal\skin\Monochrome\MediaThere you find a picture labeled: hover_lastFM.png replace it with a picture of the same dimensions and save it with a extension .PNG[Important]Clear the cache of the Monochrome skin, Vista [X:]\ProgramData\Team Mediaportal\Mediaportal\Cache\[Skinname] or XP [X:]/program files/team mediaportal/mediaportal/chache[skinname][X] = your drive letter where xp/vista is installed and [Skinname] is the folder of the skin where you want to change thingsThe hard way is when you change your dimensions of the picture then you have to change parameters in a .XML file.In your case you must open c:\program files\Team MediaPortal\MediaPortal\skin\Monochrome\MusicMenu.XMLwith Notepad.Then you will see code like this:&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; standalone=&quot;yes&quot;?&gt;&lt;window&gt;&nbsp; &lt;id&gt;8888&lt;/id&gt;&nbsp; &lt;defaultcontrol&gt;5&lt;/defaultcontrol&gt;&nbsp; &lt;allowoverlay&gt;yes&lt;/allowoverlay&gt;&nbsp; &lt;disabletopbar&gt;no&lt;/disabletopbar&gt;&nbsp; &lt;controls&gt;&nbsp; &nbsp; &lt;import&gt;common.time.xml&lt;/import&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;BG&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;1&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;1366&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;768&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;Background basic.png&lt;/texture&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;Last.fm Button&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;button&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;4&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;53&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;305&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;253&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;166&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;textureFocus&gt;Basic_button_highlight.png&lt;/textureFocus&gt;&nbsp; &nbsp; &nbsp; &lt;textureNoFocus&gt;-&lt;/textureNoFocus&gt;&nbsp; &nbsp; &nbsp; &lt;hyperlink&gt;7890&lt;/hyperlink&gt;&nbsp; &nbsp; &nbsp; &lt;label&gt;107890&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;textcolor&gt;00ffffff&lt;/textcolor&gt;&nbsp; &nbsp; &nbsp; &lt;textcolorNoFocus&gt;00ffffff&lt;/textcolorNoFocus&gt;&nbsp; &nbsp; &nbsp; &lt;onleft&gt;3&lt;/onleft&gt;&nbsp; &nbsp; &nbsp; &lt;onright&gt;5&lt;/onright&gt;&nbsp; &nbsp; &nbsp; &lt;onup&gt;21&lt;/onup&gt;&nbsp; &nbsp; &nbsp; &lt;ondown&gt;99&lt;/ondown&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;Last.fm Button Label&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;textcolor&gt;000000&lt;/textcolor&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;215&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;469&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;label&gt;107890&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;align&gt;Center&lt;/align&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;Last.fm Button Image&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;1&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;67&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;319&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;220&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;130&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;hover_lastFM.png&lt;/texture&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;Music Button&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;button&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;5&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;306&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;305&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;253&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;166&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;textureFocus&gt;Basic_button_highlight.png&lt;/textureFocus&gt;&nbsp; &nbsp; &nbsp; &lt;textureNoFocus&gt;-&lt;/textureNoFocus&gt;&nbsp; &nbsp; &nbsp; &lt;hyperlink&gt;501&lt;/hyperlink&gt;&nbsp; &nbsp; &nbsp; &lt;label&gt;2&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;textcolor&gt;00ffffff&lt;/textcolor&gt;&nbsp; &nbsp; &nbsp; &lt;textcolorNoFocus&gt;00ffffff&lt;/textcolorNoFocus&gt;&nbsp; &nbsp; &nbsp; &lt;onleft&gt;4&lt;/onleft&gt;&nbsp; &nbsp; &nbsp; &lt;onright&gt;6&lt;/onright&gt;&nbsp; &nbsp; &nbsp; &lt;onup&gt;21&lt;/onup&gt;&nbsp; &nbsp; &nbsp; &lt;ondown&gt;99&lt;/ondown&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;Music Button Label&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;493&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;469&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;label&gt;2&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;align&gt;Center&lt;/align&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;Music Button Image&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;image&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;1&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;320&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;319&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;220&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;130&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;texture&gt;hover_my music_shares.png&lt;/texture&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;&nbsp; &nbsp; &nbsp; &lt;description&gt;MusicVideo Button&lt;/description&gt;&nbsp; &nbsp; &nbsp; &lt;type&gt;button&lt;/type&gt;&nbsp; &nbsp; &nbsp; &lt;id&gt;6&lt;/id&gt;&nbsp; &nbsp; &nbsp; &lt;posX&gt;559&lt;/posX&gt;&nbsp; &nbsp; &nbsp; &lt;posY&gt;305&lt;/posY&gt;&nbsp; &nbsp; &nbsp; &lt;width&gt;253&lt;/width&gt;&nbsp; &nbsp; &nbsp; &lt;height&gt;166&lt;/height&gt;&nbsp; &nbsp; &nbsp; &lt;textureFocus&gt;Basic_button_highlight.png&lt;/textureFocus&gt;&nbsp; &nbsp; &nbsp; &lt;textureNoFocus&gt;-&lt;/textureNoFocus&gt;&nbsp; &nbsp; &nbsp; &lt;hyperlink&gt;4734&lt;/hyperlink&gt;&nbsp; &nbsp; &nbsp; &lt;label&gt;30000&lt;/label&gt;&nbsp; &nbsp; &nbsp; &lt;textcolor&gt;00ffffff&lt;/textcolor&gt;&nbsp; &nbsp; &nbsp; &lt;textcolorNoFocus&gt;00ffffff&lt;/textcolorNoFocus&gt;&nbsp; &nbsp; &nbsp; &lt;onleft&gt;5&lt;/onleft&gt;&nbsp; &nbsp; &nbsp; &lt;onright&gt;7&lt;/onright&gt;&nbsp; &nbsp; &nbsp; &lt;onup&gt;21&lt;/onup&gt;&nbsp; &nbsp; &nbsp; &lt;ondown&gt;99&lt;/ondown&gt;&nbsp; &nbsp; &lt;/control&gt;&nbsp; &nbsp; &lt;control&gt;Well Label is the name you see on your screen and [x] [Y] are the values of the position on the screen.Button is the picture with 4 values [X] [Y] and [WIDTH] [HEIGHT] of the picture, adjust them to your picture dimensions and save it back as the same &gt;XML name.Then save the file and open MP to see that you did your job right<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite8" alt=":D" title="Big Grin&nbsp; &nbsp; :D" loading="lazy" data-shortname=":D" /> No need to clear the cache with this kind of adjustment.As a advise.... first backup your original file somewhere else, so that you alway can reverse things.Hopefully I did explain it a little proper way.... just tried to keep it simple for you<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /> Regards, GetaGripp.s the code you see is what I use... so the code from the original Monochrome Skin has different values!!!!</blockquote>

[QUOTE="GetaGrip, post: 233116, member: 66571"] well the simple way is to change the button image in c:\programs\Team MediaPortal\skin\Monochrome\Media There you find a picture labeled: hover_lastFM.png replace it with a picture of the same dimensions and save it with a extension .PNG[Important] Clear the cache of the Monochrome skin, Vista [X:]\ProgramData\Team Mediaportal\Mediaportal\Cache\[Skinname] or XP [X:]/program files/team mediaportal/mediaportal/chache[skinname] [X] = your drive letter where xp/vista is installed and [Skinname] is the folder of the skin where you want to change things The hard way is when you change your dimensions of the picture then you have to change parameters in a .XML file. In your case you must open c:\program files\Team MediaPortal\MediaPortal\skin\Monochrome\MusicMenu.XML with Notepad. Then you will see code like this: <?xml version="1.0" encoding="utf-8" standalone="yes"?> <window> <id>8888</id> <defaultcontrol>5</defaultcontrol> <allowoverlay>yes</allowoverlay> <disabletopbar>no</disabletopbar> <controls> <import>common.time.xml</import> <control> <description>BG</description> <type>image</type> <id>1</id> <width>1366</width> <height>768</height> <texture>Background basic.png</texture> </control> <control> <description>Last.fm Button</description> <type>button</type> <id>4</id> <posX>53</posX> <posY>305</posY> <width>253</width> <height>166</height> <textureFocus>Basic_button_highlight.png</textureFocus> <textureNoFocus>-</textureNoFocus> <hyperlink>7890</hyperlink> <label>107890</label> <textcolor>00ffffff</textcolor> <textcolorNoFocus>00ffffff</textcolorNoFocus> <onleft>3</onleft> <onright>5</onright> <onup>21</onup> <ondown>99</ondown> </control> <control> [COLOR="Red"]<description>Last.fm Button Label</description>[/COLOR] <type>label</type> <id>1</id> [COLOR="Red"] <textcolor>000000</textcolor> <posX>215</posX> <posY>469</posY> <label>107890</label> <align>Center</align>[/COLOR] </control> <control> [COLOR="Red"]<description>Last.fm Button Image</description>[/COLOR] <type>image</type> <id>1</id> [COLOR="Red"]<posX>67</posX> <posY>319</posY> <width>220</width> <height>130</height>[/COLOR] <texture>hover_lastFM.png</texture> </control> <control> <description>Music Button</description> <type>button</type> <id>5</id> <posX>306</posX> <posY>305</posY> <width>253</width> <height>166</height> <textureFocus>Basic_button_highlight.png</textureFocus> <textureNoFocus>-</textureNoFocus> <hyperlink>501</hyperlink> <label>2</label> <textcolor>00ffffff</textcolor> <textcolorNoFocus>00ffffff</textcolorNoFocus> <onleft>4</onleft> <onright>6</onright> <onup>21</onup> <ondown>99</ondown> </control> <control> <description>Music Button Label</description> <type>label</type> <id>1</id> <posX>493</posX> <posY>469</posY> <label>2</label> <align>Center</align> </control> <control> <description>Music Button Image</description> <type>image</type> <id>1</id> <posX>320</posX> <posY>319</posY> <width>220</width> <height>130</height> <texture>hover_my music_shares.png</texture> </control> <control> <description>MusicVideo Button</description> <type>button</type> <id>6</id> <posX>559</posX> <posY>305</posY> <width>253</width> <height>166</height> <textureFocus>Basic_button_highlight.png</textureFocus> <textureNoFocus>-</textureNoFocus> <hyperlink>4734</hyperlink> <label>30000</label> <textcolor>00ffffff</textcolor> <textcolorNoFocus>00ffffff</textcolorNoFocus> <onleft>5</onleft> <onright>7</onright> <onup>21</onup> <ondown>99</ondown> </control> <control> Well Label is the name you see on your screen and [x] [Y] are the values of the position on the screen. Button is the picture with 4 values [X] [Y] and [WIDTH] [HEIGHT] of the picture, adjust them to your picture dimensions and save it back as the same >XML name. Then save the file and open MP to see that you did your job right:D No need to clear the cache with this kind of adjustment. As a advise.... first backup your original file somewhere else, so that you alway can reverse things. Hopefully I did explain it a little proper way.... just tried to keep it simple for you:) Regards, GetaGrip p.s the code you see is what I use... so the code from the original Monochrome Skin has different values!!!! [/QUOTE]

Verification