mce 1280x720 (updated for MP 0.2.3 RC3) (1 Viewer)

Boilermaker

Retired Team Member
  • Premium Supporter
  • May 21, 2004
    519
    3
    This should get you started...let me know if you have any specific questions. It's mostly trial and error. If you haven't already, install the myrefresh plugin. Check the sticky at the top of the Graphics forum for more info/link to the file.

    Some of the channels in the US get kind of long too, so i understand why you would change things up. Its another reason i went with the 10pt font almost everywhere.

    Below is a (large) part of the tvguide.xml:
    Code:
      <description>TVGUIDE Panel</description>
          <type>image</type>
          <id>2</id>
          <posX>60</posX>  [COLOR="Red"]<!--Top left corner of the program guide, including channel names, and program time header -->[/COLOR]
          <posY>90</posY>  [COLOR="Red"]<!--Top left corner of the program guide, including channel names, and program time header -->[/COLOR]
          <width>1140</width>  [COLOR="Red"]<!--Total width of the program guide grid, including channel labels -->[/COLOR]
          <height>390</height>  [COLOR="Red"]<!--Total height of the program guide grid, including channel labels -->[/COLOR]
          <colordiffuse>60ffffff</colordiffuse>
          <texture>-</texture>
        </control>
        <!-- Timeheader background must be dedfined before Timeheader label template -->
        <!-- b/c Timeheader is on the background and will be rendered first -->
        <control>
         <description>time header background image template</description>
          <type>image</type>
          <id>90</id>
          <posX>208</posX>
          <posY>214</posY>
          <width>248</width>
          <height>28</height>
          <texture>button_small_settings_nofocus.png</texture>
        </control>
        <control>
          <description>time header label template</description>
          <type>label</type>
          <id>40</id>
          <posX>208</posX>  [COLOR="Red"]<!-- Change this to move program listing over and/or make the program listing columns smaller or larger.  If you move this to the right, the columns will be smaller, and then you can make the channel name area larger -->[/COLOR]
          <posY>92</posY>
          <textcolor>FFB2D4F5</textcolor>
        </control>
        <control>
          <description>Interval Label</description>
          <type>label</type>
          <posX>171</posX>
          <posY>92</posY>
          <id>1</id>
          <label>Time Interval</label>
          <align>right</align>
          <font>font12</font>
          <textcolor>FFB2D4F5</textcolor>
        </control>
        <control>
          <description>day spin control</description>
          <type>spincontrol</type>
          <id>6</id>
          <posX>173</posX>
          <posY>74</posY>
          <showrange>no</showrange>
          <orientation>horizontal</orientation>
          <align>right</align>
          <reverse>yes</reverse>
          <onleft>6</onleft>
          <onright>8</onright>
          <textureUp>arrow_round_right_nofocus.png</textureUp>
          <textureDown>arrow_round_left_nofocus.png</textureDown>
          <textureUpFocus>arrow_round_right_focus.png</textureUpFocus>
          <textureDownFocus>arrow_round_left_focus.png</textureDownFocus>
        </control>
        <control>
          <description>time interval spin control</description>
          <type>spincontrol</type>
          <id>8</id>
          <posX>173</posX>
          <posY>96</posY>
          <showrange>no</showrange>
          <align>left</align>
          <reverse>yes</reverse>
          <textureDown>arrow_round_left_nofocus.png</textureDown>
          <textureUp>arrow_round_right_nofocus.png</textureUp>
          <textureDownFocus>arrow_round_left_focus.png</textureDownFocus>
          <textureUpFocus>arrow_round_right_focus.png</textureUpFocus>
          <onleft>6</onleft>
          <onright>8</onright>
        </control>
        <control>
          <description>Channel template</description>
          <type>image</type>
          <id>20</id>
          <posX>60</posX>
          <posY>120</posY>
          <width>148</width>  <!-- Change the width of the channel listing -->
          <height>34</height>  <!-- Change Height of channel listing.  The higher the number, the less channels you will see -->
        </control>
        <control>
          <description>Channel image template</description>
          <type>image</type>
          <id>7</id>
          <posX>1</posX>  [COLOR="Red"]<!--How far in from the left the channel thumb will be displayed->[/COLOR]
          <posY>0</posY>  [COLOR="Red"]<!--How far down from the top the channel thumb will be displayed->[/COLOR]
          <width>32</width>  [COLOR="Red"]<!--Channel Thumb Height->[/COLOR]
          <height>32</height>  [COLOR="Red"]<!--Channel Thumb Width->[/COLOR]
          <keepaspectratio>yes</keepaspectratio>
          <centered>no</centered>
          <zoom>yes</zoom>
          <texture>defaultVideoBig.png</texture>
        </control>
        <control>
          <description>channel Label template</description>
          <type>label</type>
          <id>18</id>
          <posX>35</posX>  [COLOR="Red"]<!--How many pixels in from the left the Channel name will start-->[/COLOR]
          <posY>7</posY>  [COLOR="Red"]<!--How many pixels down from the top the Channel name will display-->[/COLOR]
          <width>65</width>  [COLOR="Red"]<!--How wide the channel name can be, use this to make sure that the channel name doesn't run out of the box-->[/COLOR]
          <height>15</height>
          <font>font10</font>  [COLOR="Red"]<!--Font size, other possibilities, font12, font14->[/COLOR]
        </control>
        <control>
          <description>template for program title light area</description>
          <type>label</type>
          <id>24</id>
          <visible>no</visible>
          <label>-</label>
          <font>font10</font>  [COLOR="Red"]<!--Changes size of font in future/past program titles -->[/COLOR]
          <textcolor>FF393939</textcolor>
        </control>
        <control>
          <description>template for program title darkarea </description>
          <type>label</type>
          <visible>no</visible>
          <id>26</id>
          <label>-</label>
          <font>font10</font>  [COLOR="Red"]<!-- Changes size of font in current program titles -->[/COLOR]
          <textcolor>FFdedede</textcolor>
        </control>
     

    Boilermaker

    Retired Team Member
  • Premium Supporter
  • May 21, 2004
    519
    3
    Patos, hope the commented code was helpful. Noticed i mixed up the light area and dark area fonts (the last two comments). The dark area is for the current show, the light area is for past/future shows. That's what i edited in the post.

    Good luck.

    EDIT:
    New version of skin uploaded today with a few fixes.
    Full screen tv guide
    overlay pages in nonafo variant
    Music Artist Info
    Video Artist Info
    couple of other minor fixes, too small to mention
     

    Boilermaker

    Retired Team Member
  • Premium Supporter
  • May 21, 2004
    519
    3
    Bump for another update to the skin. Hopefully a few more people will notice and give feedback. By the end of this week I plan on putting this down and focusing on the svn.

    Changes:
    • Moved TV channel to the right in OSD, move Video File name to the right in OSD
    • Fixed location of skip steps, audio stream, etc. in OSD
    • Fixed missing background in Video Info Screen
    • Fixed alignment of radio buttons
     

    Mutly

    Portal Member
    November 16, 2005
    26
    0
    Hi Boilermaker,

    Wonderful skin thank you! I installed a couple of early versions of this skin and loved the concept, but a few things required editing by hand to suit my purposes. Now, with your installer, the main thing I used to change (the number of channel lines in the tv guide) has been made wonderfully simple. Thank you! I have only played with the main sections so far, but all seems well laid out and functioning perfectly.

    Now all I hope is that it remains maintained as it is my default skin ;)

    Great work, thanks again.

    Kind regards,

    Matthew
     

    patos

    Portal Member
    November 5, 2004
    22
    0
    Boilermaker, is you server offline? I've been trying to download the skin for more than 6 hours but the server won't let me in.
     

    Boilermaker

    Retired Team Member
  • Premium Supporter
  • May 21, 2004
    519
    3
    is you server offline?
    yup, they didn't get thru planned maintenance/upgrade at work last night so it will be down thru friday. Today is a holiday in the states. I kind of figured they wouldn't, which is why i planned on posting an update at the end of the weekend. I will find a temporary location this afternoon and post again. It also gives me time to add skin files for myDvds and fix myFilms.

    For those using the svn, i'll also post what i've done thru now. Wasn't planning on doing that because its still a work in progress.
     

    patos

    Portal Member
    November 5, 2004
    22
    0
    Hi Boilermaker!

    I started playing with with the settings and they work quite well. I got a nice EPG, well there were some things here and there that could have been made differently but I am quite pleased with it now.

    Mainly I got the 8 row EPG, kicked the genre out of the grid, made the title column wider and increased the fonts for EPG to 12. I'm posting the end result in an attached jpg file.

    Here are the little things I couldn't do: Why there is so much space between the description and the grid? Is it really necessery to have also that much of free space in the lowest part? It would be possible to fit in one or two rows of the same size then... How could I change it?

    I also tried to change positions to prevent the names "tv guide" and "television" from overlapping but just couldn't make it. Is there something special to mention when moving the whole grid up/down?

    Thanks for the help. I already noticed that all mentionend bugs and another one I noticed yesterday in the search recordings are gone. Thanks a lot and keep the good work!
     

    Boilermaker

    Retired Team Member
  • Premium Supporter
  • May 21, 2004
    519
    3
    Why there is so much space between the description and the grid?
    My guess is that in mp setup, under general you have "show special mouse settings" unchecked. If you check that box, you'll see among other things scroll bars that you can use a mouse to navigate thru the tv guide. That extra space is where the scroll bar is.
    It would be possible to fit in one or two rows of the same size then... How could I change it?
    Near the bottom of tvguide.xml there are two controls whose description is vertical scrollbar and horizontal scrollbar. Removing or commenting out the code may not work, safest bet is to make them 1 wide by 1 high and and move it well off screen. From there you would need to edit the height of the tvguide panel (first set of code i commented in that other post) to extend the height of the grid.
    I also tried to change positions to prevent the names "tv guide" and "television" from overlapping but just couldn't make it.
    The positions of TV guide and television are part of the common template file that is included in almost every screen (common.window.default.xml). If you change the position in that file, you change the top of every screen. If you really want to move those two things, rename a copy common.window.default.xml and change the imported file at the top of the tvguide.xml to the new file.

    The control with the xpos of 60 an ypos of 20 is the big text (it doesn't have a good description tag). The tags that have an xpos value of around 350 and ypos around 66 are the text and its shadow that would display "TV Guide"

    The server is back up and running as of Friday morning. I'll also upload an updated version of both versions of the skin with animations. They are not complete, all i have done is started to add animations...it will take a while going thru 100+ files.
     

    Users who are viewing this thread

    Top Bottom