Reply to thread

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 Centre" (that's how we spell "centre") and the other says "Score Center" 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. scorecentre1_logo.png -> scorecentre_logo.png

For future reference here's how to get the sliding/fading effect - it's pretty easy:

1. Create a XXXX_logo.png 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 music_small.png

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>scorecentre_logo.png</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>scorecentre_small.png</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 - HTPC Info and Sys Info 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: https://forum.team-mediaportal.com/bleazle-311/animated-fading-hover-images-57443/

Dave