MediaPortal Forums HTPC/MediaCenter

Go Back   MediaPortal Forum » MediaPortal 1 » Community Skins and Plugins » Skins


Skins You are working on a new Skin? Post it here!

Reply
 
Thread Tools Display Modes
Old 2008-05-03, 04:04   #1 (permalink)
Portal Member
 
Anff's Avatar
 
Join Date: Apr 2008
Posts: 19
Thanks: 0
Thanked 1 Time in 1 Post

Country:

My System

Default TV Guide Design- Code needed

Heya, I'm relativly new to MP and after fine tuning some of the settings and getting the right Codecs installed and plugins to suit my (or more specificly- the wife's) needs.

With the TV Guide, I'm currently using the XML written by nFox HERE that shows 6Channels at a time when viewing the TV Guide.

If I may, I'd like to ask if anyone has an XML (or can write one-I'm rather lame at programming) that will fit what I'm looking for.

What I'd like to do with the Guide is have 8 lines at a rather large font (In a manner similar to the MyRadioGuide.XML supplied by Doodles HERE .
and get rid of the TV Thumbnail in the corner (leaving more room for the Guide and Program info which should remove some of the need for text scrolling) I'd still like to keep the active channel's Audio running though)
I've attached a small .GIF with the idea I'm trying to get across (in a before/after- I don't have Photoshop on this Laptop so MS Paint will have to do )

I'm hoping this will make the guide much more clearer to view from a distance and will also (due to the lack of a TV thumbnail) improve system performance a little bit.
I know that some of the skins claim to be rather simple but if they have the TV Screen already removed then it'd be very useful.

Thanks alot for reading, I hope someone can help me out.
Anff
Attached Thumbnails
tv-guide-design-code-needed-mpguidelayout.gif  
Anff is offline   Reply With Quote
Old 2008-05-06, 03:54   #2 (permalink)
Portal Member
 
Anff's Avatar
 
Join Date: Apr 2008
Posts: 19
Thanks: 0
Thanked 1 Time in 1 Post

Country:

My System

Thumbs up Sorted

It's OK- I managed to fiddle with the existing XML.

Once I get it all tested in RealWorld conditions- I'll put it up here for anyone to use.

Anff is offline   Reply With Quote
Old 2008-05-08, 01:05   #3 (permalink)
Portal Member
 
Anff's Avatar
 
Join Date: Apr 2008
Posts: 19
Thanks: 0
Thanked 1 Time in 1 Post

Country:

My System

Thumbs up

As promised- here's my customised TV Guide.

I'm afraid I don't have any screenshots at the moment, however it's not far off my original design.

Now I'm going to try and replicate the effect in MyRadioGuide
Attached Files
File Type: xml mytvguide.xml (8.9 KB, 0 views)
Anff is offline   Reply With Quote
Old 2008-05-25, 02:21   #4 (permalink)
Portal Designer
 
catavolt's Avatar
 
Join Date: Aug 2007
Location: Glashütten (Hochtaunus)
Posts: 256
Thanks: 56
Thanked 44 Times in 30 Posts

Country:


Default

Hmmm,

nothing to download....
__________________
Best Regards
catavolt
catavolt is offline   Reply With Quote
Old 2008-05-25, 21:10   #5 (permalink)
Portal Member
 
Anff's Avatar
 
Join Date: Apr 2008
Posts: 19
Thanks: 0
Thanked 1 Time in 1 Post

Country:

My System

Default

Quote:
Originally Posted by catavolt View Post
Hmmm,

nothing to download....
Your right- I tried to download there and it just opened a blank window

Here's the code- you can copy/paste to a new file if that's any help.

Code:
<window>
	<id>600</id>
	<defaultcontrol>2</defaultcontrol>
	<allowoverlay>no</allowoverlay>
<controls>
	<control>
		<description>BG</description>
		<type>image</type>
		<id>1</id>
		<posX>0</posX>
		<posY>0</posY>
		<width>720</width>
		<height>576</height>
		<texture>background.png</texture>
	</control>
	<control>
		<type>image</type>
		<id>1</id>
		<posX>60</posX>
		<posY>20</posY>
		<texture>television_logo.png</texture>
	</control>
<!-- font changed from 13 to 16 -->
	<control>
		<description>Date</description>
  		<type>label</type>
  		<id>1</id>
  		<posX>520</posX>
  		<posY>68</posY>
  		<label>#date</label>
  		<align>left</align>
  		<font>font16</font>
  		<textcolor>ffa9d0f7</textcolor>
  	</control>
<!-- This time is the current time, font changed from 13 to 16-->
 	<control>
  		<description>Time</description>
  		<type>label</type>
  		<id>1</id>
  		<posX>430</posX>
  		<posY>68</posY>
  		<label>#time</label>
  		<align>left</align>
  		<font>font16</font>
  		<textcolor>ffa9d0f7</textcolor>
	</control>
	<control>
		<description>Guide Text Label</description>
		<type>label</type>
		<id>1</id>
		<posX>250</posX>
		<posY>65</posY>
		<label>4</label>
		<font>font16</font>
		<align>right</align>
		<textcolor>FFFFFFFF</textcolor>
	</control>
<!-- This is the main Panel for the EPG. height from 265 to 340 -->
	<control>
		<description>TVGUIDE Panel</description>
		<type>image</type>
		<id>2</id>
		<posX>60</posX>
		<posY>90</posY>
		<width>605</width>
		<height>340</height>
		<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>186</posX>
		<posY>90</posY>
		<width>115</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>186</posX>
		<posY>90</posY>
		<font>font13</font>
		<textcolor>FFB2D4F5</textcolor>
	</control>
	<control>
		<description>day spin control</description>
		<type>spincontrol</type>
		<id>6</id>
		<posX>60</posX>
		<posY>92</posY>
		<showrange>no</showrange>
		<orientation>horizontal</orientation>
		<align>center</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>165</posX>
		<posY>100</posY>
		<showrange>no</showrange>
		<orientation>vertical</orientation>
		<align>center</align>
		<reverse>yes</reverse>
		<textureUp>arrow_round_up_nofocus.png</textureUp>
		<textureDown>arrow_round_down_nofocus.png</textureDown>
		<textureUpFocus>arrow_round_up_focus.png</textureUpFocus>
		<textureDownFocus>arrow_round_down_focus.png</textureDownFocus>
		<onleft>6</onleft>
		<onright>8</onright>
	</control>
	<!-- EXPERIMENT: width from 124 to 120, height from 34 to 40-->
	<control>
		<description>Channel template</description>
		<type>image</type>
		<id>20</id>
		<posX>62</posX>
		<posY>125</posY>
		<width>124</width>
		<height>40</height>
	</control>
<!-- image size from 32x32 to 38x38 -->
	<control>
		<description>Channel image template</description>
		<type>image</type>
		<id>7</id>
		<posX>0</posX>
		<posY>0</posY>
		<width>38</width>
		<height>38</height>
		<keepaspectratio>yes</keepaspectratio>
		<centered>no</centered>
		<zoom>yes</zoom>
		<texture>defaultVideoBig.png</texture>
	</control>
<!-- channel label is channels name. posx from 35 to 40, width from 65 to 60, font from 13 to 16 -->
	<control>
		<description>channel Label template</description>
		<type>label</type>
		<id>18</id>
		<posX>40</posX>
		<posY>5</posY>
		<width>60</width>
		<height>15</height>
		<font>font16</font>
		<textcolor>FFFFFFFF</textcolor>
	</control>

<!-- changed posx from 250 to 200, posy 358 to 420 and width from 200 to 350, also font from 16 to 20 -->
	<control>
		<description>Current program title</description>
		<type>fadelabel</type>
		<id>13</id>
		<posX>200</posX>
		<posY>420</posY>
		<width>350</width>
		<align>left</align>
		<label>#TV.Guide.Title</label>
		<font>font20</font>
		<textcolor>FFFFFFFF</textcolor>
	</control>
<!-- removed to experiement with the "unknown" mark next to prog title, changed posx from 460 to 560 and posy from 358 to 420
	<control>
      <description>Current program sub-title</description>
      <type>fadelabel</type>
      <id>13</id>
      <posX>560</posX>
      <posY>420</posY>
      <width>200</width>
      <align>left</align>
      <label>#TV.Guide.EpisodeName</label>
      <font>font25</font>
      <textcolor>FFFFFFFF</textcolor>
   </control> -->
<!-- posx from 250 to 50 AND posy from 530 to 420 (originaly to 358). font from 16 to 25 -->
	<control>
		<description>Current program time</description>
		<type>label</type>
		<id>14</id>
		<posX>50</posX>
		<posY>420</posY>
		<label>#TV.Guide.Time</label>
		<align>left</align>
		<font>font25</font>
		<textcolor>FFB2D4F5</textcolor>
	</control>
	<!-- at this point, have removed 'Control' referance for Genre as I never use it 
	<control>
		<description>Current program genre</description>
		<type>label</type>
		<id>27</id>
		<posX>470</posX>
		<posY>530</posY>
		<label>#TV.Guide.Genre</label>
		<align>left</align>
		<font>font16</font>
		<textcolor>FFB2D4F5</textcolor> 
	</control> -->
	<!-- Extended text for prog info. posX from 250 to 32, posy from 390 to 440, width from 400 to 458, height from 131 to 155 -->
	<control>
		<description>Description1</description>
		<type>textboxscrollup</type>
		<id>15</id>
		<posX>35</posX>
		<posY>440</posY>
		<width>658</width>
		<height>155</height>
<seperator>----------------------------------------------------------------------------------------------</seperator>
<!-- font from 13 to 16 -->
		<label>#TV.Guide.Description</label>
		<font>font16</font>
		<textcolor>FFFFFFFF</textcolor>
	</control>
<!--	<control>
		<description>template for program genre light area</description>
		<type>label</type>
		<id>23</id>
		<label>-</label>
		<font>font10</font>
		<textcolor>FF101010</textcolor>
	</control>	-->
	<control>
		<description>template for program title light area</description>
		<type>label</type>
		<id>24</id>
		<visible>no</visible>
		<label>-</label>
		<font>font13</font>
		<textcolor>FF101010</textcolor>
	</control>
	<control>
		<description>vertical timeline</description>
		<type>image</type>
		<id>25</id>
		<posX>30</posX>
		<posY>125</posY>
		<height>203</height>
		<colordiffuse>c0ffffff</colordiffuse>
		<texture>tvguide_slider.png</texture>
	</control>
	<control>
		<description>template for program title darkarea </description>
		<type>label</type>
		<visible>no</visible>
		<id>26</id>
		<label>-</label>
		<font>font13</font>
		<textcolor>FFFFFFFF</textcolor>
	</control>
<!--	<control>
		<description>template for genre  dark area</description>
		<type>label</type>
		<visible>no</visible>
		<id>30</id>
		<label>-</label>
		<font>font13</font>
		<textcolor>FFFFFFFF</textcolor>
	</control> -->
<!--	These two elemnts refer to the TV Background at the bottom corner of the TVGuide screen.
	<control>
		<description>TV background</description>
		<type>image</type>
		<id>98</id>
		<posX>32</posX>
		<posY>366</posY>
		<width>208</width>
		<height>176</height>
		<colordiffuse>60ffffff</colordiffuse>
		<texture>previewbackground.png</texture>
	</control>
	<control>
		<description>TV preview window</description>
		<type>videowindow</type>
		<id>99</id>
		<posX>32</posX>
		<posY>366</posY>
		<width>208</width>
		<height>176</height>
		<action>18</action>
		<textureFocus>video_window_focus.png</textureFocus>
	</control> -->
	<control>
		<description>Horizontal scrollbar</description>
		<type>hscrollbar</type>
		<id>28</id>
		<posX>61</posX>
		<posY>327</posY>
		<width>599</width>
		<height>20</height>
		<visible>yes</visible>
	</control>
	<control>
		<description>Vertical scrollbar</description>
		<type>vscrollbar</type>
		<id>29</id>
		<posX>659</posX>
		<posY>124</posY>
		<width>20</width>
		<height>203</height>
		<visible>yes</visible>
	</control>
	<control>
		<description>record pin</description>
		<type>image</type>
		<id>31</id>
		<posX>440</posX>
		<posY>530</posY>
		<texture>tvguide_record_button.png</texture>
		<visible>no</visible>
	</control>
</controls>
</window>
It's still got my development notes in there too (for those who can't read XML, it's the writing between the <!-- and --> ) so you can see the main changes I've made.

Once I've finished playing with settings, I'll remove all the notes and parts I never use (such as Genre items)

Last edited by Anff; 2008-05-25 at 21:13.
Anff is offline   Reply With Quote
This User Say Thank You:
Old 2008-06-16, 10:24   #6 (permalink)
Portal Member
 
Join Date: May 2007
Age: 30
Posts: 31
Thanks: 0
Thanked 0 Times in 0 Posts

Country:


Default

Hi,

I'm trying to do something similar, and am also in need of help...

I have looked at Skins like "Replicant" compared to the default "Blue" skin.
And in the Replicant "mytvguide.xml" it just shows the channels you have listed.....
With others such as Blue, It ends up repeating channels so i have channels repeated list cycle.

Does anyone know which part of the XML relates to this, I have tried looking at both,
but so far can't find the relevant bit... Any help would be appreciated.
I would like to have it more like replicant, which just shows each channel once..
Freak is offline   Reply With Quote
Reply

Bookmarks

Tags
code, design, guide, needed

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off

Similar Threads
Thread Thread Starter Forum Replies Last Post
Design with live-tv in background all the time cul8er Re-Design MyTV - get involved 13 2007-08-02 15:33
Calling owner's of myBlaster Code & MPTray Code [SageTV] matrix35 MediaPortal 1 Talk 3 2007-01-12 10:28
Blank tv guide in mediaportal but full tv guide.xml file Scoobsheister WebEPG 2 2006-12-24 11:58
Help needed creating code for Jetway Xpert DVB-T tunder card PeteG General Support 0 2006-05-12 21:05
Refresh of TV Guide information and TV Guide Genre colors csberto Codecs, External Players 0 2006-01-29 21:16


All times are GMT +1. The time now is 01:52.


Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 Protected by Akismet Blog with WordPress
Advertisement System V2.6 By   Branden