home
products
contribute
download
documentation
forum
Home
Forums
New posts
Search forums
What's new
New posts
All posts
Latest activity
Members
Registered members
Current visitors
Donate
Log in
Register
What's new
Search
Search
Search titles only
By:
New posts
Search forums
Search titles only
By:
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
MediaPortal 1
MediaPortal 1 Skins
Popular Skins
Graveyard
Bleazle
BleazleWide V8.1.1.0 for MP 1.1.x
Contact us
RSS
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Bleazle" data-source="post: 1125578" data-attributes="member: 53582"><p>Haha <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /> Sorry for the slow reply. I didn't know where to begin when I started so you'll be OK as long as you've got plenty of spare time!</p><p></p><p>OK, here's what I would recommend:</p><p>First choose whichever skin you like the most (but want to tweak...) </p><p><strong>1. Make a backup copy of the skin folder for obvious reasons. </strong></p><p><strong>2. Graphics: </strong></p><p>a) Remember to delete the cache folder if you change any graphics otherwise your changes won't be shown when you reload MP.</p><p>b) If you want to change a graphic head to the MEDIA folder and sub folders. Personally I hate the Titan overlay so rather than change every XML file to get rid of it I saved a blank PNG file with the same name (think outside the square<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite24" alt="(y)" title="Thumbs Up (y)" loading="lazy" data-shortname="(y)" />). If you're changing a lot of graphics files I recommend using PNG Gauntlet, a free programme which will trim down the file size without compromising the quality - probably not so important now but it was when I was skinning (due to the average HTPC processing capability)</p><p><strong>3. Fonts:</strong></p><p>Look at the "Fonts.xml" file if you want to make any changes there. </p><p><strong>4. Layout</strong></p><p>Open the xml file you want to tweak and look at the "controls"eg.:</p><p><span style="color: #0059b3"> <control></span></p><p><span style="color: #0059b3"> <id>0</id></span></p><p><span style="color: #0059b3"> <type>image</type></span></p><p><span style="color: #0059b3"> <posX>60</posX></span></p><p><span style="color: #0059b3"> <posY>34</posY></span></p><p><span style="color: #0059b3"> <width>68</width></span></p><p><span style="color: #0059b3"> <height>60</height></span></p><p><span style="color: #0059b3"> <texture>icon_movies.png</texture></span></p><p><span style="color: #0059b3"> <visible>control.isvisible(50)|control.isvisible(51)</visible></span></p><p><span style="color: #0059b3"> <animation effect="fade" time="250">WindowOpen</animation></span></p><p><span style="color: #0059b3"> <animation effect="fade" time="250">WindowClose</animation></span></p><p><span style="color: #0059b3"> </control></span></p><p>This is positioning the image (<type>), setting it's height, calling the image (icon_movies.png) & saying when it will be visible (play around with that, it's a bit confusing at first) & finally the animation effect is saying what sort of animation it is(fade), when it happens (eg. WindowOpen) and how long it takes. Play around with a single XML file for a while and you'll get the idea. </p><p><strong>5. Notes:</strong></p><p>a) Some things that you see on the screen are defined in other XML files that are "called" (I'm not an IT guy so hopefully that's the right term!<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite10" alt=":oops:" title="Oops! :oops:" loading="lazy" data-shortname=":oops:" />) such as: </p><p><span style="color: #0059b3"> <import>common.time.xml</import></span></p><p><span style="color: #0059b3"> <import>movingpictures.hiddenmenu.xml</import></span></p><p>...so if you want to change how the time looks for example go and change the common.time.xml file. Or if you don't want the time (or weather etc) showing delete that line.</p><p>b) You can make notes to yourself in the skin like this, which is pretty handy (the "<span style="color: #0080ff"><!--</span>" things are what stops the note destroying your good work):</p><p><strong><span style="color: #0059b3"><!--</span></strong></p><p><span style="color: #0059b3">This file should contain the facade view and all gui elements that should remain on screen during all ormultiple view modes.</span></p><p><strong><span style="color: #0059b3">--></span></strong></p><p><span style="color: #0059b3"><span style="color: #000000">c) Once you (kind of) know what you're doing install all of the other skins available! If you see something you like (even if you want to tweak it) look at how it's implemented and then modify it for your own skin. There are lots of great skinners around who really know what they're doing! (I would never claim that - too much beer was involved in my skinning process <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite8" alt=":D" title="Big Grin :D" loading="lazy" data-shortname=":D" />)</span></span> so "look & learn", I reckon that's how I learnt the most.</p><p></p><p>Hopefully that's enough to get you started. <span style="color: #0059b3"><span style="color: #000000">I've got to go and crack another beer now <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite7" alt=":p" title="Stick Out Tongue :p" loading="lazy" data-shortname=":p" /></span></span></p><p></p><p><span style="color: #0059b3"><span style="color: #000000">Bleazle </span></span></p></blockquote><p></p>
[QUOTE="Bleazle, post: 1125578, member: 53582"] Haha :) Sorry for the slow reply. I didn't know where to begin when I started so you'll be OK as long as you've got plenty of spare time! OK, here's what I would recommend: First choose whichever skin you like the most (but want to tweak...) [B]1. Make a backup copy of the skin folder for obvious reasons. 2. Graphics: [/B] a) Remember to delete the cache folder if you change any graphics otherwise your changes won't be shown when you reload MP. b) If you want to change a graphic head to the MEDIA folder and sub folders. Personally I hate the Titan overlay so rather than change every XML file to get rid of it I saved a blank PNG file with the same name (think outside the square(y)). If you're changing a lot of graphics files I recommend using PNG Gauntlet, a free programme which will trim down the file size without compromising the quality - probably not so important now but it was when I was skinning (due to the average HTPC processing capability) [B]3. Fonts:[/B] Look at the "Fonts.xml" file if you want to make any changes there. [B]4. Layout[/B] Open the xml file you want to tweak and look at the "controls"eg.: [COLOR=#0059b3] <control> <id>0</id> <type>image</type> <posX>60</posX> <posY>34</posY> <width>68</width> <height>60</height> <texture>icon_movies.png</texture> <visible>control.isvisible(50)|control.isvisible(51)</visible> <animation effect="fade" time="250">WindowOpen</animation> <animation effect="fade" time="250">WindowClose</animation> </control>[/COLOR] This is positioning the image (<type>), setting it's height, calling the image (icon_movies.png) & saying when it will be visible (play around with that, it's a bit confusing at first) & finally the animation effect is saying what sort of animation it is(fade), when it happens (eg. WindowOpen) and how long it takes. Play around with a single XML file for a while and you'll get the idea. [B]5. Notes:[/B] a) Some things that you see on the screen are defined in other XML files that are "called" (I'm not an IT guy so hopefully that's the right term!:oops:) such as: [COLOR=#0059b3] <import>common.time.xml</import> <import>movingpictures.hiddenmenu.xml</import>[/COLOR] ...so if you want to change how the time looks for example go and change the common.time.xml file. Or if you don't want the time (or weather etc) showing delete that line. b) You can make notes to yourself in the skin like this, which is pretty handy (the "[COLOR=#0080ff]<!--[/COLOR]" things are what stops the note destroying your good work): [B][COLOR=#0059b3]<!--[/COLOR][/B] [COLOR=#0059b3]This file should contain the facade view and all gui elements that should remain on screen during all ormultiple view modes.[/COLOR] [B][COLOR=#0059b3]-->[/COLOR][/B] [COLOR=#0059b3][COLOR=#000000]c) Once you (kind of) know what you're doing install all of the other skins available! If you see something you like (even if you want to tweak it) look at how it's implemented and then modify it for your own skin. There are lots of great skinners around who really know what they're doing! (I would never claim that - too much beer was involved in my skinning process :D)[/COLOR][/COLOR][B][COLOR=#0059b3] [/COLOR][/B]so "look & learn", I reckon that's how I learnt the most. Hopefully that's enough to get you started. [COLOR=#0059b3][COLOR=#000000]I've got to go and crack another beer now :p[/COLOR][/COLOR] [COLOR=#0059b3][COLOR=#000000][/COLOR][/COLOR] [COLOR=#0059b3][COLOR=#000000]Bleazle [/COLOR][B][/B][/COLOR] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
MediaPortal 1
MediaPortal 1 Skins
Popular Skins
Graveyard
Bleazle
BleazleWide V8.1.1.0 for MP 1.1.x
Contact us
RSS
Top
Bottom