Fork MediaPortal on GitHub
MediaPortal Windows Media Center
MediaPortal Wiki > MediaPortal 1 > Contribute > Skins > Design a Skin > BasicHome

BasicHome

Was this page helpful?


    Most designers start a new skin by designed the BasicHome screen.  There are many more design options than thos available for the standard Home screen, and it is the first screen a user sees, so it sets the style for all other pages.

    Structure

    Basic Home is one of the two Home screen options available in MediaPortal. The other is the standard or classic Home screen, formerly known as MyHome.

    For the differences, see Home or BasicHome?

    Many skins provide menu generators or editors which allow users to customize BasicHome.

    BasicHome.png

    Opening Tags

    <?xml version="1.0" standalone="yes"?>
    <window>
            <id>35</id>
            <defaultcontrol>2</defaultcontrol>
            <allowoverlay>yes</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>

    (1) Large Mouse Over Text

                    <control>
                            <description>Big text</description>
                            <type>label</type>
                            <id>200</id>
                            <posX>355</posX>
                            <posY>380</posY>
                            <label>#highlightedbutton</label>
                            <align>center</align>
                            <font>dingbats</font>
                            <textcolor>40ffffff</textcolor>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                    </control>

    (2) Radio Button

                    <control>
                            <description>home BM Radio</description>
                            <type>button</type>
                            <id>2</id>
                            <posX>49</posX>
                            <posY>240</posY>
                            <width>135</width>
                            <height>195</height>
                            <textureFocus>Radio1.png</textureFocus>
                            <textureNoFocus>Radio0.png</textureNoFocus>
                            <thumbZoom>yes</thumbZoom>
                            <hyperlink>30</hyperlink>
                            <hover>-</hover>
                            <hoverX>265</hoverX>
                            <hoverY>270</hoverY>
                            <hoverWidth>204</hoverWidth>
                            <hoverHeight>230</hoverHeight>
                            <label>665</label>
                            <textcolor>00ffffff</textcolor>
                            <textcolorNoFocus>00ffffff</textcolorNoFocus>
                            <onleft>6</onleft>
                            <onright>3</onright>
                            <onup>21</onup>
                            <ondown>2</ondown>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                            <animation effect="zoom" start="100,100" end="120,120" center="0,0" time="500">focus</animation>
                            <animation effect="zoom" start="130,130" end="100,100" center="0,0" time="500">nofocus</animation>
                    </control>

    (3) Video Button

                    <control>
                            <description>home BM Video</description>
                            <type>button</type>
                            <id>3</id>
                            <posX>152</posX>
                            <posY>140</posY>
                            <width>135</width>
                            <height>195</height>
                            <textureFocus>Video1.png</textureFocus>
                            <textureNoFocus>Video0.png</textureNoFocus>
                            <hyperlink>6</hyperlink>
                            <hover>-</hover>
                            <hoverX>265</hoverX>
                            <hoverY>270</hoverY>
                            <hoverWidth>204</hoverWidth>
                            <hoverHeight>230</hoverHeight>
                            <label>3</label>
                            <textcolor>00ffffff</textcolor>
                            <textcolorNoFocus>00ffffff</textcolorNoFocus>
                            <onleft>2</onleft>
                            <onright>4</onright>
                            <onup>21</onup>
                            <ondown>3</ondown>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                            <animation effect="zoom" start="100,100" end="120,120" center="0,0" time="500">focus</animation>
                            <animation effect="zoom" start="130,130" end="100,100" center="0,0" time="500">nofocus</animation>
                    </control>

    (4) TV Button

    <control>
                            <description>home BM FFS</description>
                            <type>button</type>
                            <id>4</id>
                            <posX>292</posX>
                            <posY>85</posY>
                            <width>135</width>
                            <height>195</height>
                            <textureFocus>TV1.png</textureFocus>
                            <textureNoFocus>TV0.png</textureNoFocus>
                            <hyperlink>1</hyperlink>
                            <hover>-</hover>
                            <hoverX>265</hoverX>
                            <hoverY>270</hoverY>
                            <hoverWidth>204</hoverWidth>
                            <hoverHeight>230</hoverHeight>
                            <label>605</label>
                            <textcolor>00ffffff</textcolor>
                            <textcolorNoFocus>00ffffff</textcolorNoFocus>
                            <onleft>3</onleft>
                            <onright>5</onright>
                            <onup>21</onup>
                            <ondown>4</ondown>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                            <animation effect="zoom" start="100,100" end="120,120" center="0,0" time="500">focus</animation>
                            <animation effect="zoom" start="130,130" end="100,100" center="0,0" time="500">nofocus</animation>
                    </control>

    (5) Music Button

    <control>
                            <description>home BM Music</description>
                            <type>button</type>
                            <id>5</id>
                            <posX>432</posX>
                            <posY>140</posY>
                            <width>135</width>
                            <height>195</height>
                            <textureFocus>Music1.png</textureFocus>
                            <textureNoFocus>Music0.png</textureNoFocus>
                            <hyperlink>501</hyperlink>
                            <hover>-</hover>
                            <hoverX>265</hoverX>
                            <hoverY>270</hoverY>
                            <hoverWidth>204</hoverWidth>
                            <hoverHeight>230</hoverHeight>
                            <label>2</label>
                            <textcolor>00ffffff</textcolor>
                            <textcolorNoFocus>00ffffff</textcolorNoFocus>
                            <onleft>4</onleft>
                            <onright>6</onright>
                            <onup>21</onup>
                            <ondown>5</ondown>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                            <animation effect="zoom" start="100,100" end="120,120" center="0,0" time="500">focus</animation>
                            <animation effect="zoom" start="130,130" end="100,100" center="0,0" time="500">nofocus</animation>
                    </control>

    (6) Pictures Button

    <control>
                            <description>home BM Pictures</description>
                            <type>button</type>
                            <id>6</id>
                            <posX>550</posX>
                            <posY>240</posY>
                            <width>135</width>
                            <height>195</height>
                            <textureFocus>Pictures1.png</textureFocus>
                            <textureNoFocus>Pictures0.png</textureNoFocus>
                            <hyperlink>2</hyperlink>
                            <hover>-</hover>
                            <hoverX>265</hoverX>
                            <hoverY>270</hoverY>
                            <hoverWidth>204</hoverWidth>
                            <hoverHeight>230</hoverHeight>
                            <label>1</label>
                            <textcolor>00ffffff</textcolor>
                            <textcolorNoFocus>00ffffff</textcolorNoFocus>
                            <onleft>5</onleft>
                            <onright>2</onright>
                            <onup>21</onup>
                            <ondown>6</ondown>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                            <animation effect="zoom" start="100,100" end="120,120" center="0,0" time="500">focus</animation>
                            <animation effect="zoom" start="130,130" end="100,100" center="0,0" time="500">nofocus</animation>
                    </control>

    (7) Date

    <control>
                            <description>Date</description>
                            <type>label</type>
                            <id>200</id>
                            <posX>393</posX>
                            <posY>470</posY>
                            <label>#homedate</label>
                            <align>right</align>
                            <font>font13</font>
                            <textcolor>ffa9d0f7</textcolor>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                    </control>

    (8) Time

    <control>
                            <description>Time</description>
                            <type>label</type>
                            <id>201</id>
                            <posX>405</posX>
                            <posY>470</posY>
                            <label>#time</label>
                            <align>left</align>
                            <font>font13</font>
                            <textcolor>ffffffff</textcolor>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                    </control>

    (9) Unknown Image

    <control>
                            <type>image</type>
                            <id>1</id>
                            <posX>144</posX>
                            <posY>416</posY>
                            <texture>-</texture>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                    </control>
    <control>
                            <type>image</type>
                            <id>1</id>
                            <posX>60</posX>
                            <posY>20</posY>
                            <texture>basichome_logo.png</texture>
                            <animation effect="fade" time="250">WindowOpen</animation>
                            <animation effect="fade" time="500">WindowClose</animation>
                    </control>
            </controls>
    </window>


     




    Tag page (Edit tags)
    • No tags
    Running the latest version?

    V1.8.0 - released July 2014
    Releasenews | Download
    Changelog
     | Requirements
    HTPC
    Team-MediaPortal
     
    About
    Contact |  Press
    Partners