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
Plugin support in Version 7+
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: 507538" data-attributes="member: 53582"><p>Hey guys,</p><p></p><p>I'm still around, just busy with work and things (like riding the moto-x bike lately) but I've been keeping an eye on your progress here, good work too by the way.</p><p></p><p></p><p></p><p>Yeah I use Photoshop but there are probably other (cheaper) ways to get the fade effect.</p><p></p><p>The attached zip file includes a "tweaked" hover image, plus all of the images (and altered XML file) that you need to get the fading effect. I haven't got the plugin installed so I can't test it - let me know if something doesn't look right!</p><p></p><p>Note: I have included 2 "Score Centre" logo graphics. one says "Score <u>Centre</u>" (that's how we spell "centre") and the other says "Score <u>Center</u>" which is the other way of spelling it. Choose which one you want to use (delete the other one) and remove the number from the filename (ie. scorecentre<strong>1</strong>_logo.png -> scorecentre_logo.png</p><p></p><p>For future reference here's how to get the sliding/fading effect - it's pretty easy:</p><p></p><p>1. Create a <span style="color: Blue"><strong>XXXX_logo.png</strong></span> file with the name of the plugin (eg. music, pictures etc) </p><p>2. Make a small copy of the hover graphic (which you will have already made) - about 66x88px call it something like <span style="color: Lime"><strong>music_small.png</strong></span></p><p>3. In the XML file delete any references to "title" (which just shows the title as text like you get in B3W) </p><p>4. Add the following text to the XML file, pretty much after the first <control> tag.</p><p></p><p> <control></p><p> <description>icon background</description></p><p> <type>image</type></p><p> <id>1</id></p><p> <posX>0</posX></p><p> <posY>0</posY></p><p> <width>651</width></p><p> <height>157</height></p><p> <texture>Logo_background.png</texture></p><p> <animation effect="fade" time="500" delay="900">WindowOpen</animation></p><p> <animation effect="fade" time="500">WindowClose</animation></p><p> </control></p><p> </p><p> <control></p><p> <type>image</type></p><p> <id>1</id></p><p> <posX>136</posX></p><p> <posY>22</posY></p><p> <width>600</width></p><p> <height>110</height></p><p> <texture><span style="color: Blue"><strong>scorecentre_logo.png</strong></span></texture></p><p> <animation effect="fade" time="500" delay="500">WindowOpen</animation></p><p> <animation effect="fade" time="500">WindowClose</animation></p><p> </control></p><p> </p><p> <control></p><p> <type>image</type></p><p> <id>1</id></p><p> <posX>63</posX></p><p> <posY>12</posY></p><p> <width>66</width></p><p> <height>88</height></p><p> <texture><span style="color: Lime"><strong>scorecentre_small.png</strong></span></texture></p><p> <animation effect="fade" time="1000" delay="1100">WindowOpen</animation></p><p> <animation effect="slide" time="1000" delay="1100" start="-600,0" end="0,0" acceleration="-1">WindowOpen</animation></p><p> <animation effect="fade" time="500">WindowClose</animation></p><p> </control></p><p></p><p>That's it! There are some plugins which cause the fading effect not to work - <strong>HTPC Info </strong>and <strong>Sys Info</strong> are the 2 that I can think of.</p><p></p><p>Keep up the good work!!</p><p></p><p>EDIT: I've just uploaded a fading version of the hover image here: <a href="https://forum.team-mediaportal.com/bleazle-311/animated-fading-hover-images-57443/" target="_blank">https://forum.team-mediaportal.com/bleazle-311/animated-fading-hover-images-57443/</a></p><p></p><p>Dave</p></blockquote><p></p>
[QUOTE="Bleazle, post: 507538, member: 53582"] Hey guys, I'm still around, just busy with work and things (like riding the moto-x bike lately) but I've been keeping an eye on your progress here, good work too by the way. Yeah I use Photoshop but there are probably other (cheaper) ways to get the fade effect. The attached zip file includes a "tweaked" hover image, plus all of the images (and altered XML file) that you need to get the fading effect. I haven't got the plugin installed so I can't test it - let me know if something doesn't look right! Note: I have included 2 "Score Centre" logo graphics. one says "Score [U]Centre[/U]" (that's how we spell "centre") and the other says "Score [U]Center[/U]" which is the other way of spelling it. Choose which one you want to use (delete the other one) and remove the number from the filename (ie. scorecentre[B]1[/B]_logo.png -> scorecentre_logo.png For future reference here's how to get the sliding/fading effect - it's pretty easy: 1. Create a [COLOR="Blue"][B]XXXX_logo.png[/B][/COLOR] file with the name of the plugin (eg. music, pictures etc) 2. Make a small copy of the hover graphic (which you will have already made) - about 66x88px call it something like [COLOR="Lime"][B]music_small.png[/B][/COLOR] 3. In the XML file delete any references to "title" (which just shows the title as text like you get in B3W) 4. Add the following text to the XML file, pretty much after the first <control> tag. <control> <description>icon background</description> <type>image</type> <id>1</id> <posX>0</posX> <posY>0</posY> <width>651</width> <height>157</height> <texture>Logo_background.png</texture> <animation effect="fade" time="500" delay="900">WindowOpen</animation> <animation effect="fade" time="500">WindowClose</animation> </control> <control> <type>image</type> <id>1</id> <posX>136</posX> <posY>22</posY> <width>600</width> <height>110</height> <texture>[COLOR="Blue"][B]scorecentre_logo.png[/B][/COLOR]</texture> <animation effect="fade" time="500" delay="500">WindowOpen</animation> <animation effect="fade" time="500">WindowClose</animation> </control> <control> <type>image</type> <id>1</id> <posX>63</posX> <posY>12</posY> <width>66</width> <height>88</height> <texture>[COLOR="Lime"][B]scorecentre_small.png[/B][/COLOR]</texture> <animation effect="fade" time="1000" delay="1100">WindowOpen</animation> <animation effect="slide" time="1000" delay="1100" start="-600,0" end="0,0" acceleration="-1">WindowOpen</animation> <animation effect="fade" time="500">WindowClose</animation> </control> That's it! There are some plugins which cause the fading effect not to work - [B]HTPC Info [/B]and [B]Sys Info[/B] are the 2 that I can think of. Keep up the good work!! EDIT: I've just uploaded a fading version of the hover image here: [URL="https://forum.team-mediaportal.com/bleazle-311/animated-fading-hover-images-57443/"]https://forum.team-mediaportal.com/bleazle-311/animated-fading-hover-images-57443/[/URL] Dave [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
MediaPortal 1
MediaPortal 1 Skins
Popular Skins
Graveyard
Bleazle
Plugin support in Version 7+
Contact us
RSS
Top
Bottom