[MOD] BasicHome Weather Summary

Discussion in 'StreamedMP' started by m3rcury, September 1, 2012.

  1. m3rcury
    • Team MediaPortal

    m3rcury Development Group

    Joined:
    August 12, 2010
    Messages:
    954
    Likes Received:
    525
    Gender:
    Male
    Ratings:
    +623 / 4
    Home Country:
    Malta Malta
    Show System Specs
    Hi all,

    Anyone interested in a MOD for the Weather Summary in BasicHome? It will look something like this:

    basichome_weather.jpg

    12-08-54.jpg

    12-09-11.jpg

    My only concern for the time being is the fact that BasicHome itself needs amending and this is changed back to its original content when someone does a save from the Editor, but will see to that at a later stage, unless the StreamedMP developers will take it on board and include it as part of the core package.....

    Images specifically for this MOD found here or as a RAR from here. Other weather background images can be found in my other PICASA albums.



    Regards
     
    Last edited: December 22, 2012
    • Like Like x 4
  2. Google AdSense Guest Advertisement



    to hide all adverts.
  3. legnod
    • Premium Supporter

    legnod MP Donator

    Joined:
    September 24, 2011
    Messages:
    1,115
    Likes Received:
    275
    Gender:
    Male
    Location:
    Stuttgart
    Ratings:
    +303 / 0
    Home Country:
    Germany Germany
    Show System Specs
    Hi,

    looks nice...i specially like the clock/weather summary in the top left corner.
    I am definitely interested in this mod! +1
     
  4. Holzi
    • Team MediaPortal

    Holzi Super Moderator

    Joined:
    April 21, 2010
    Messages:
    7,928
    Likes Received:
    1,591
    Gender:
    Male
    Location:
    Ba-Wü
    Ratings:
    +2,228 / 8
    Home Country:
    Germany Germany
    Show System Specs
  5. ysmp
    • Team MediaPortal

    ysmp Design Group

    Joined:
    May 17, 2008
    Messages:
    1,861
    Likes Received:
    701
    Gender:
    Male
    Location:
    Seoul.
    Ratings:
    +790 / 1
    Home Country:
    South Korea South Korea
  6. m3rcury
    • Team MediaPortal

    m3rcury Development Group

    Joined:
    August 12, 2010
    Messages:
    954
    Likes Received:
    525
    Gender:
    Male
    Ratings:
    +623 / 4
    Home Country:
    Malta Malta
    Show System Specs
    Holzi, thanks. Yes, I did the images myself. Images grabbed from various places on internet and did some modification to the way the weather details (words and figures) display....

    Will find some time to upload the images, most probably in Picasa as although they are small 340x400, they still total 10Mb as there are 48 of them :). Will also upload the modified xmls with some suggestions to how to make basichome.xml more easy to MOD without losing the changes when you update from editor.

    Thanks[DOUBLEPOST=1346525285][/DOUBLEPOST]
    legnod, thanks. The idea for the clock/weather summary was taken from the new skin Xtreme, but did some tweaking to it to adapt and incorporate into StreamedMP. This will be part of my next MOD release ;) .

    Regards
     
    Last edited: September 1, 2012
    • Like Like x 1
  7. m3rcury
    • Team MediaPortal

    m3rcury Development Group

    Joined:
    August 12, 2010
    Messages:
    954
    Likes Received:
    525
    Gender:
    Male
    Ratings:
    +623 / 4
    Home Country:
    Malta Malta
    Show System Specs
    I am attaching MODed xml files for the above effect in the weather summary in BasicHome.

    • In BasicHome.xml, look for <!--m3rcury - Weather Summary MOD --> (as there are various other MODs in this xml).
    • You then need to comment out quite a large chunk of the code so that we remove all the default weather summary from BasicHome.xml and include the new basichome.weather.summary.xml instead. For ease of reference, have reproduced the code below.
    Show Spoiler

    Code (Text):
    1.  
    2.  
    3.     <!--m3rcury - Weather Summary MOD -->
    4.     <!--control>
    5.       <description>5-Day Weather Dummy Label</description>
    6.       <type>label</type>
    7.       <id>6767</id>
    8.       <posX>-50</posX>
    9.       <posY>-50</posY>
    10.       <label>
    11.       </label>
    12.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    13.     </control>
    14.     <control>
    15.       <description>GROUP: Forecast BGs</description>
    16.       <type>group</type>
    17.       <dimColor>0xffffffff</dimColor>
    18.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    19.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">Hidden</animation>
    20.       <animation effect="fade" start="20" end="100" delay="100" time="400" reversible="false">Visible</animation>
    21.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">WindowOpen</animation>
    22.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">WindowClose</animation>
    23.       <control>
    24.         <description>TODAY BG</description>
    25.         <posX>460</posX>
    26.         <posY>225</posY>
    27.         <type>image</type>
    28.         <id>6777</id>
    29.         <width>180</width>
    30.         <height>270</height>
    31.         <texture>weather2.png</texture>
    32.         <shouldCache>true</shouldCache>
    33.       </control>
    34.       <control>
    35.         <description>DAY 1 BG</description>
    36.         <posX>705</posX>
    37.         <posY>70</posY>
    38.         <type>image</type>
    39.         <id>6777</id>
    40.         <width>180</width>
    41.         <height>270</height>
    42.         <texture>weather2.png</texture>
    43.       </control>
    44.       <control>
    45.         <description>DAY 2 BG</description>
    46.         <posX>955</posX>
    47.         <posY>70</posY>
    48.         <type>image</type>
    49.         <id>6777</id>
    50.         <width>180</width>
    51.         <height>270</height>
    52.         <texture>weather2.png</texture>
    53.       </control>
    54.       <control>
    55.         <description>DAY 3 BG</description>
    56.         <posX>705</posX>
    57.         <posY>415</posY>
    58.         <type>image</type>
    59.         <id>6777</id>
    60.         <width>180</width>
    61.         <height>270</height>
    62.         <texture>weather2.png</texture>
    63.       </control>
    64.       <control>
    65.         <description>DAY 4 BG</description>
    66.         <posX>955</posX>
    67.         <posY>415</posY>
    68.         <type>image</type>
    69.         <id>6777</id>
    70.         <width>180</width>
    71.         <height>270</height>
    72.         <texture>weather2.png</texture>
    73.       </control>
    74.     </control>
    75.     <control>
    76.       <description>TODAY ICON</description>
    77.       <id>0</id>
    78.       <type>image</type>
    79.       <texture>#WorldWeather.TodayIconImage</texture>
    80.       <posX>460</posX>
    81.       <posY>155</posY>
    82.       <height>180</height>
    83.       <width>180</width>
    84.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    85.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">Hidden</animation>
    86.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">Visible</animation>
    87.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">WindowOpen</animation>
    88.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">WindowClose</animation>
    89.     </control>
    90.     <control>
    91.       <description>DAY 1 ICON</description>
    92.       <id>0</id>
    93.       <type>image</type>
    94.       <texture>#WorldWeather.ForecastDay0IconImage</texture>
    95.       <shouldCache>true</shouldCache>
    96.       <posX>705</posX>
    97.       <posY>0</posY>
    98.       <height>180</height>
    99.       <width>180</width>
    100.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    101.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">Hidden</animation>
    102.       <animation effect="fade" start="20" end="100" delay="100" time="400" reversible="false">Visible</animation>
    103.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">WindowOpen</animation>
    104.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">WindowClose</animation>
    105.     </control>
    106.     <control>
    107.       <description>DAY 2 ICON</description>
    108.       <id>0</id>
    109.       <type>image</type>
    110.       <texture>#WorldWeather.ForecastDay1IconImage</texture>
    111.       <shouldCache>true</shouldCache>
    112.       <posX>955</posX>
    113.       <posY>0</posY>
    114.       <height>180</height>
    115.       <width>180</width>
    116.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    117.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">Hidden</animation>
    118.       <animation effect="fade" start="20" end="100" delay="100" time="400" reversible="false">Visible</animation>
    119.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">WindowOpen</animation>
    120.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">WindowClose</animation>
    121.     </control>
    122.     <control>
    123.       <description>DAY 3 ICON</description>
    124.       <id>0</id>
    125.       <type>image</type>
    126.       <texture>#WorldWeather.ForecastDay2IconImage</texture>
    127.       <shouldCache>true</shouldCache>
    128.       <posX>705</posX>
    129.       <posY>345</posY>
    130.       <height>180</height>
    131.       <width>180</width>
    132.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    133.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">Hidden</animation>
    134.       <animation effect="fade" start="20" end="100" delay="100" time="400" reversible="false">Visible</animation>
    135.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">WindowOpen</animation>
    136.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">WindowClose</animation>
    137.     </control>
    138.     <control>
    139.       <description>DAY 4 ICON</description>
    140.       <id>0</id>
    141.       <type>image</type>
    142.       <texture>#WorldWeather.ForecastDay3IconImage</texture>
    143.       <shouldCache>true</shouldCache>
    144.       <posX>955</posX>
    145.       <posY>345</posY>
    146.       <height>180</height>
    147.       <width>180</width>
    148.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    149.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">Hidden</animation>
    150.       <animation effect="fade" start="20" end="100" delay="100" time="400" reversible="false">Visible</animation>
    151.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">WindowOpen</animation>
    152.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">WindowClose</animation>
    153.     </control>
    154.     <control>
    155.       <description>GROUP: FULL WEATHER DETAILS</description>
    156.       <type>group</type>
    157.       <dimColor>0xffffffff</dimColor>
    158.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">Hidden</animation>
    159.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">Visible</animation>
    160.       <animation effect="fade" start="0" end="100" delay="100" time="400" reversible="false">WindowOpen</animation>
    161.       <animation effect="fade" start="100" end="0" delay="100" time="400" reversible="false">WindowClose</animation>
    162.       <visible>plugin.isenabled(World Weather)+[Control.HasFocus(1705)|Control.HasFocus(1805)|control.isvisible(1205)]+!control.isvisible(11111)</visible>
    163.       <control>
    164.         <description>DAY 1 LABEL</description>
    165.         <type>label</type>
    166.         <id>0</id>
    167.         <posX>550</posX>
    168.         <posY>470</posY>
    169.         <align>center</align>
    170.         <label>6030</label>
    171.         <font>mediastream11tc</font>
    172.         <textcolor>White</textcolor>
    173.       </control>
    174.       <control>
    175.         <description>DAY 1 TEMP</description>
    176.         <type>label</type>
    177.         <id>0</id>
    178.         <posX>550</posX>
    179.         <posY>405</posY>
    180.         <align>center</align>
    181.         <label>#WorldWeather.TodayTemperature</label>
    182.         <font>mediastream28tc</font>
    183.         <textcolor>white</textcolor>
    184.       </control>
    185.       <control>
    186.         <description>DAY 1 GENERAL WEATHER</description>
    187.         <type>textbox</type>
    188.         <id>0</id>
    189.         <posX>465</posX>
    190.         <posY>325</posY>
    191.         <width>170</width>
    192.         <height>60</height>
    193.         <font>mediastream13</font>
    194.         <align>right</align>
    195.         <textcolor>white</textcolor>
    196.         <label>#WorldWeather.TodayCondition</label>
    197.       </control>
    198.       <control>
    199.         <description>DAY 2 LABEL</description>
    200.         <type>label</type>
    201.         <id>0</id>
    202.         <posX>795</posX>
    203.         <posY>315</posY>
    204.         <align>center</align>
    205.         <label>#WorldWeather.ForecastDay0Day</label>
    206.         <font>mediastream11tc</font>
    207.         <textcolor>White</textcolor>
    208.       </control>
    209.       <control>
    210.         <description>DAY 2 MAX VALUE</description>
    211.         <type>label</type>
    212.         <id>0</id>
    213.         <posX>710</posX>
    214.         <posY>270</posY>
    215.         <align>left</align>
    216.         <label>#WorldWeather.ForecastDay0High</label>
    217.         <font>mediastream12</font>
    218.         <textcolor>white</textcolor>
    219.       </control>
    220.       <control>
    221.         <description>DAY 2 MIN VALUE</description>
    222.         <type>label</type>
    223.         <id>0</id>
    224.         <posX>880</posX>
    225.         <posY>270</posY>
    226.         <align>right</align>
    227.         <label>#WorldWeather.ForecastDay0Low</label>
    228.         <font>mediastream12</font>
    229.         <textcolor>white</textcolor>
    230.       </control>
    231.       <control>
    232.         <description>DAY 2 AM WEATHER</description>
    233.         <type>textbox</type>
    234.         <id>0</id>
    235.         <posX>710</posX>
    236.         <posY>170</posY>
    237.         <width>160</width>
    238.         <height>50</height>
    239.         <label>#WorldWeather.ForecastDay0Condition</label>
    240.         <font>mediastream10</font>
    241.         <align>left</align>
    242.         <textcolor>white</textcolor>
    243.       </control>
    244.       <control>
    245.         <description>DAY 3 LABEL</description>
    246.         <type>label</type>
    247.         <id>0</id>
    248.         <posX>1045</posX>
    249.         <posY>315</posY>
    250.         <align>center</align>
    251.         <label>#WorldWeather.ForecastDay1Day</label>
    252.         <font>mediastream11tc</font>
    253.         <textcolor>White</textcolor>
    254.       </control>
    255.       <control>
    256.         <description>DAY 3 MAX VALUE</description>
    257.         <type>label</type>
    258.         <id>0</id>
    259.         <posX>960</posX>
    260.         <posY>270</posY>
    261.         <align>left</align>
    262.         <label>#WorldWeather.ForecastDay1High</label>
    263.         <font>mediastream11</font>
    264.         <textcolor>white</textcolor>
    265.       </control>
    266.       <control>
    267.         <description>DAY 3 MIN VALUE</description>
    268.         <type>label</type>
    269.         <id>0</id>
    270.         <posX>1130</posX>
    271.         <posY>270</posY>
    272.         <align>right</align>
    273.         <label>#WorldWeather.ForecastDay1Low</label>
    274.         <font>mediastream11</font>
    275.         <textcolor>white</textcolor>
    276.       </control>
    277.       <control>
    278.         <description>DAY 3 AM WEATHER</description>
    279.         <type>textbox</type>
    280.         <id>0</id>
    281.         <posX>960</posX>
    282.         <posY>170</posY>
    283.         <width>160</width>
    284.         <height>50</height>
    285.         <width>170</width>
    286.         <label>#WorldWeather.ForecastDay1Condition</label>
    287.         <font>mediastream10</font>
    288.         <align>left</align>
    289.         <textcolor>white</textcolor>
    290.       </control>
    291.       <control>
    292.         <description>DAY 4 LABEL</description>
    293.         <type>label</type>
    294.         <id>0</id>
    295.         <posX>795</posX>
    296.         <posY>660</posY>
    297.         <align>center</align>
    298.         <label>#WorldWeather.ForecastDay2Day</label>
    299.         <font>mediastream11tc</font>
    300.         <textcolor>White</textcolor>
    301.       </control>
    302.       <control>
    303.         <description>DAY 4 MAX VALUE</description>
    304.         <type>label</type>
    305.         <id>0</id>
    306.         <posX>710</posX>
    307.         <posY>615</posY>
    308.         <align>left</align>
    309.         <label>#WorldWeather.ForecastDay2High</label>
    310.         <font>mediastream11</font>
    311.         <textcolor>white</textcolor>
    312.       </control>
    313.       <control>
    314.         <description>DAY 4 MIN VALUE</description>
    315.         <type>label</type>
    316.         <id>0</id>
    317.         <posX>880</posX>
    318.         <posY>615</posY>
    319.         <align>right</align>
    320.         <label>#WorldWeather.ForecastDay2Low</label>
    321.         <font>mediastream11</font>
    322.         <textcolor>white</textcolor>
    323.       </control>
    324.       <control>
    325.         <description>DAY 4 AM WEATHER</description>
    326.         <type>textbox</type>
    327.         <id>0</id>
    328.         <posX>710</posX>
    329.         <posY>515</posY>
    330.         <width>160</width>
    331.         <height>50</height>
    332.         <width>170</width>
    333.         <label>#WorldWeather.ForecastDay2Condition</label>
    334.         <font>mediastream10</font>
    335.         <align>left</align>
    336.         <textcolor>white</textcolor>
    337.       </control>
    338.       <control>
    339.         <description>DAY 5 LABEL</description>
    340.         <type>label</type>
    341.         <id>0</id>
    342.         <posX>1045</posX>
    343.         <posY>660</posY>
    344.         <align>center</align>
    345.         <label>#WorldWeather.ForecastDay3Day</label>
    346.         <font>mediastream11tc</font>
    347.         <textcolor>White</textcolor>
    348.       </control>
    349.       <control>
    350.         <description>DAY 5 MAX VALUE</description>
    351.         <type>label</type>
    352.         <id>0</id>
    353.         <posX>960</posX>
    354.         <posY>615</posY>
    355.         <align>left</align>
    356.         <label>#WorldWeather.ForecastDay3High</label>
    357.         <font>mediastream11</font>
    358.         <textcolor>white</textcolor>
    359.       </control>
    360.       <control>
    361.         <description>DAY 5 MIN VALUE</description>
    362.         <type>label</type>
    363.         <id>0</id>
    364.         <posX>1130</posX>
    365.         <posY>615</posY>
    366.         <align>right</align>
    367.         <label>#WorldWeather.ForecastDay3Low</label>
    368.         <font>mediastream11</font>
    369.         <textcolor>white</textcolor>
    370.       </control>
    371.       <control>
    372.         <description>DAY 5 AM WEATHER</description>
    373.         <type>textbox</type>
    374.         <id>0</id>
    375.         <posX>960</posX>
    376.         <posY>515</posY>
    377.         <width>160</width>
    378.         <height>50</height>
    379.         <width>170</width>
    380.         <label>#WorldWeather.ForecastDay3Condition</label>
    381.         <font>mediastream10</font>
    382.         <align>left</align>
    383.         <textcolor>white</textcolor>
    384.       </control>
    385.     </control-->
    386.     <import>basichome.weather.summary.xml</import>
    387.     <!--m3rcury - Weather Summary MOD -->
    388.  
    389.  

    • Copy the attached basichome.weather.summary.xml into your skin folder.
    • In your skin folder, goto Media\Animations\weathericons and create a new folder called background.
    • Goto here to download the album from Picasa or else here to download a zipped file containing the weather images. Images should be stored in the background folder created in the previous step.
    You should now have implemented this MOD.

    Hope you like it. (y)


    For those of you who have my main MOD implemented, I am working to incorporate this one into it as well. ;)



    To the developers of StreamedMP. Is it possible to externalize the weather summary from the BasicHome.xml like I did here, so that if one does a similar MOD, the editor does not override.

    Thanks. :p
     

    Attached Files:

    Last edited: September 2, 2012
    • Like Like x 1
  8. Shangostar
    • Premium Supporter

    Shangostar MP Donator

    Joined:
    December 27, 2009
    Messages:
    438
    Likes Received:
    107
    Location:
    Somerset
    Ratings:
    +121 / 0
    Home Country:
    United Kingdom United Kingdom
    Show System Specs
    Looks very nice, definitely ads a splash of colour, reminds me a lot of sense 4.0, especially the weather clock.
     
  9. m3rcury
    • Team MediaPortal

    m3rcury Development Group

    Joined:
    August 12, 2010
    Messages:
    954
    Likes Received:
    525
    Gender:
    Male
    Ratings:
    +623 / 4
    Home Country:
    Malta Malta
    Show System Specs
    As said above, I've included this MOD as part of my main MOD which can be viewed/downloaded from here.


    Regards (y)
     
  10. psykix
    • Premium Supporter

    psykix MP Donator

    Joined:
    July 10, 2009
    Messages:
    785
    Likes Received:
    41
    Location:
    Wirral
    Ratings:
    +49 / 0
    Home Country:
    United Kingdom United Kingdom
    Loving your mod!

    I can't get the weather to work though since Google pulled their API.

    I'm using World Weather 0.6.0 but it seems to keep to New York no matter what I enter in the config!

    I would install 0.6.1 but can't find any instructions as to where I unzip it to?

    Cheers!
     
  11. psykix
    • Premium Supporter

    psykix MP Donator

    Joined:
    July 10, 2009
    Messages:
    785
    Likes Received:
    41
    Location:
    Wirral
    Ratings:
    +49 / 0
    Home Country:
    United Kingdom United Kingdom
    EDIT : Just realised I donwloaded the Mod from your website and it is not the current version - downloaded the one linked for 1.3a and that has the weather mod.

    Now to figure where to unzip World Weather 0.6.1 to!
     
Loading...

Users Viewing Thread (Users: 0, Guests: 0)

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice
  • About The Project

    The vision of the MediaPortal project is to create a free open source media centre application, which supports all advanced media centre functions, and is accessible to all Windows users.

    In reaching this goal we are working every day to make sure our software is one of the best.

             

  • Support MediaPortal!

    The team works very hard to make sure the community is running the best HTPC-software. We give away MediaPortal for free but hosting and software is not for us.

    Care to support our work with a few bucks? We'd really appreciate it!