Hallo,
ich habe hier im Forum das Bild gesehen wo das Wetter im Floorplan quer dargestellt wird, wie bekomme ich das hin? Bei mir wird das Wetter nicht Quer angezeigt, sondern Hochkant und wie bekomme ich die Schrft wie auf dem Bild? Weil bei mir ist wie man sehn kann die Schrift gerade Schwarz, was bei Schwarzem Hintergrund irgendwie Blöd ist :-)
Danke
Wie hast du denn den Weblink definiert?
Die Definition müsste so aussehen:
htmlCode { WeatherAsHtmlH("WETTER_DEVICE") }
Zitat von: marvin78 am 19 Oktober 2014, 17:23:20
Wie hast du denn den Weblink definiert?
Die Definition müsste so aussehen:
htmlCode { WeatherAsHtmlH("WETTER_DEVICE") }
So hab ich es auch eingebunden
htmlCode {WeatherAsHtml("MeinWetter")}
Und siehst du den Unterschied?
Es gibt auch einen Wiki-Artikel dazu.
Zitat von: marvin78 am 19 Oktober 2014, 19:09:10
Und siehst du den Unterschied?
Es gibt auch einen Wiki-Artikel dazu.
Ausser das die klammern ein leerzeichen hben sehe ich keinen Unterschied? Welchen gibts?
Wenn du diesen Wiki meinst, dann hab ich den gelesen
http://www.fhemwiki.de/wiki/Wetter_Vorhersagen
Edit, ach doch, bei dir gibts noch ein H, wofür ist das?
H orizontal ???
Das steht aber nicht in dem Wiki Artikel oder!?
Dammit hats jetzt suer geklappt, vielen Danke
Kann ich die Schrift jetzt auch noch ändern? Also vorallem die Schriftfarbe, da man Schwarz auf Schwarz schlecht sieht :-)
Nein, aber es steht in der commandref...
Zitat von: fidel am 19 Oktober 2014, 22:06:18
Nein, aber es steht in der commandref...
Stimmt da hast du recht. Aber auch da steht nicht wie ich die Schrift ändern kann,damit ich es auf einem schwarzen Hintergrund lesen kann!? Leider kann ich bei Google auch nichts entsprechendes finden
Die Schriftfarbe müsste aus deinem FHEM-Style (CSS) kommen.
Ich meine das hat ihm franky08 schon mitgeteilt.
Das Problem wird nur sein das er nicht weiß wo genau in der css was ändern muss um GENAU seinen Wunsch umsetzen zu können.
Spieltrieb ist heutzutage ja passe - ich änder mal was und schau was sich geändert hat ;D
;) Warum soll ich für ihn suchen, wenn er es auch selbst kann? Ich würde es zwar schneller finden aber das ist nicht der Sinn der Sache. ;)
Aber ich versteh, was du meinst.... :-\ Wer diesen Spieltrieb nicht hat, sollte die Finger von FHEM lassen.
Hallo!
Ich klinke mich hier mal kurz in das Thema ein, da ich ein ähnliches Problem habe. ;-)
Ich habe mir den StarTrek-Floorplan auch nachgebaut. Hat auch soweit ganz gut geklappt.
Allerdings möchte ich die Farben der Wetteranzeige (Tag, MaxTemp, MinTemp) in unterschiedlichen Farben darstellen, wie auf dem Bild ganz oben.
Die Wetteranzeige habe ich per readingsGroup angelegt, wie in dem Beispiel von MaJu ( http://forum.fhem.de/index.php/topic,22336.msg181631.html#msg181631 ).
Farbgebung kann ich ja über die css beeinflussen. Nur ändern sich immer die Farbe von allen Werten.
Gibt es da eine Möglichkeit, innerhalb einer readingsGroup verschiedene Farben zu verwenden?
Gruß
Stefan
Da kann dir nur André weiterhelfen aber wenn es in einer ReadingsGroup steht, kannst du die Werte nicht einzeln ändern, ist ja ne Gruppe, wie der Name schon sagt. ;)
P.S. Obwohl André immer einen Tipp hat, wie es funktioniert
VG
Frank
Zitat von: StefanW am 21 Oktober 2014, 18:33:25
Allerdings möchte ich die Farben der Wetteranzeige (Tag, MaxTemp, MinTemp) in unterschiedlichen Farben darstellen, wie auf dem Bild ganz oben.
Versuchs mal damit in deiner css
#Wettervorhersage1_MaxTemp {color: #FF9900; font-size:32px; }
#Wettervorhersage1_MinTemp {color: #9999FF; font-size:32px; }
#Wettervorhersage2_MaxTemp {color: #FF9900; font-size:32px; }
#Wettervorhersage2_MinTemp {color: #9999FF; font-size:32px; }
#Wettervorhersage3_MaxTemp {color: #FF9900; font-size:32px; }
#Wettervorhersage3_MinTemp {color: #9999FF; font-size:32px; }
#Wettervorhersage4_MaxTemp {color: #FF9900; font-size:32px; }
#Wettervorhersage4_MinTemp {color: #9999FF; font-size:32px; }
#Wettervorhersage5_MaxTemp {color: #FF9900; font-size:32px; }
#Wettervorhersage5_MinTemp {color: #9999FF; font-size:32px; }
#Wettervorhersage1_Tag {color: #FF9966; font-size:38px; }
#Wettervorhersage2_Tag {color: #FF9966; font-size:38px; }
#Wettervorhersage3_Tag {color: #FF9966; font-size:38px; }
#Wettervorhersage4_Tag {color: #FF9966; font-size:38px; }
#Wettervorhersage5_Tag {color: #FF9966; font-size:38px; }Gruß Volker
Zitat von: marvin78 am 20 Oktober 2014, 21:28:30
;) Warum soll ich für ihn suchen, wenn er es auch selbst kann? Ich würde es zwar schneller finden aber das ist nicht der Sinn der Sache. ;)
Aber ich versteh, was du meinst.... :-\ Wer diesen Spieltrieb nicht hat, sollte die Finger von FHEM lassen.
So, hab jetzt mal gesucht und vorallem versucht, nur leider ohne erfolg.
Hab in meiner css. folgendes eingefügt:
#weblink_meinwetter {font-size:16px; color:white}In der Hoffnung das damit die Anzeige von "weblink_meinwetter" weiss dargestellt würde, allerdings kann ich die schrift immer noch nicht lesen.
Muss es noch einen weiteren eintrag geben?
Sieht leider noch so aus:
Ich habe das Ganze nicht in einer ReadingaGroup und da funktioniert das so, wie von Tion beschrieben. Siehst du übrigens auch in der von mir geposteten css.
VG
Frank
Danke für die Info.
Hab's mir fast schon gedacht.
Tion's Vorschlag durch die readingsGroup auch nicht.
Mal schauen, ob ich das mit dem Wetter noch mal anders ausprobiere.
Zitat von: franky08 am 21 Oktober 2014, 22:26:43
Ich habe das Ganze nicht in einer ReadingaGroup und da funktioniert das so, wie von Tion beschrieben. Siehst du übrigens auch in der von mir geposteten css.
VG
Frank
In deiner css steht
#Wettervorhersage2_MaxTemp {font-size:28px; color: #FFFFFF; } usw.
das habe ich dann für mich so abgeändert
#weblink_meinwetter {font-size:28px; color: #FFFFFF; }nur leider ist die schrift im Floorplan immer noch schwarz.
Was mache ich jetzt noch falsch, bzw. wo muss ich noch was ändern?
Weil das Ganze mit weblink so nicht funktioniert! Bei mir geht das über dummys und die kannst du in Schrift und Farbe über die css ändern.
Hier ein Beispiel, wie ich das gelöst habe:
#--------------------Wetter--------------------
define YahooWetter Weather 647378 1800 de
attr YahooWetter DbLogExclude .*
attr YahooWetter room Wetter
define n_Wettervorhersage1_Symbol notify YahooWetter:fc1_icon.* { fhem "set Wettervorhersage1_Symbol ".ReadingsVal("YahooWetter","fc1_icon",0)}
define Wettervorhersage1_Symbol dummy
attr Wettervorhersage1_Symbol DbLogExclude .*
attr Wettervorhersage1_Symbol fp_Status 76,200,0,
attr Wettervorhersage1_Symbol room Wetter
define n_Wettervorhersage1_MinTemp notify YahooWetter:fc1_low_c.* { fhem "set Wettervorhersage1_MinTemp ".ReadingsVal("YahooWetter","fc1_low_c",0)."°C" }
define Wettervorhersage1_MinTemp dummy
attr Wettervorhersage1_MinTemp DbLogExclude .*
attr Wettervorhersage1_MinTemp fp_Status 260,230,0,
attr Wettervorhersage1_MinTemp room Wetter
define n_Wettervorhersage1_MaxTemp notify YahooWetter:fc1_high_c.* { fhem "set Wettervorhersage1_MaxTemp ".ReadingsVal("YahooWetter","fc1_high_c",0)."°C" }
define Wettervorhersage1_MaxTemp dummy
attr Wettervorhersage1_MaxTemp DbLogExclude .*
attr Wettervorhersage1_MaxTemp fp_Status 300,230,0,
attr Wettervorhersage1_MaxTemp room Wetter
define n_Wettervorhersage1_Tag notify YahooWetter:fc1_day_of_week.* { fhem "set Wettervorhersage1_Tag ".ReadingsVal("YahooWetter","fc1_day_of_week",0)}
define Wettervorhersage1_Tag dummy
attr Wettervorhersage1_Tag DbLogExclude .*
attr Wettervorhersage1_Tag fp_Status 200,230,0,
attr Wettervorhersage1_Tag room Wetter
#
define n_Wettervorhersage2_Symbol notify YahooWetter:fc2_icon.* { fhem "set Wettervorhersage2_Symbol ".ReadingsVal("YahooWetter","fc2_icon",0)}
define Wettervorhersage2_Symbol dummy
attr Wettervorhersage2_Symbol DbLogExclude .*
attr Wettervorhersage2_Symbol fp_Status 76,315,0,
attr Wettervorhersage2_Symbol room Wetter
define n_Wettervorhersage2_MinTemp notify YahooWetter:fc2_low_c.* { fhem "set Wettervorhersage2_MinTemp ".ReadingsVal("YahooWetter","fc2_low_c",0)."°C" }
define Wettervorhersage2_MinTemp dummy
attr Wettervorhersage2_MinTemp DbLogExclude .*
attr Wettervorhersage2_MinTemp fp_Status 260,345,0,
attr Wettervorhersage2_MinTemp room Wetter
define n_Wettervorhersage2_MaxTemp notify YahooWetter:fc2_high_c.* { fhem "set Wettervorhersage2_MaxTemp ".ReadingsVal("YahooWetter","fc2_high_c",0)."°C" }
define Wettervorhersage2_MaxTemp dummy
attr Wettervorhersage2_MaxTemp DbLogExclude .*
attr Wettervorhersage2_MaxTemp fp_Status 300,345,0,
attr Wettervorhersage2_MaxTemp room Wetter
define n_Wettervorhersage2_Tag notify YahooWetter:fc2_day_of_week.* { fhem "set Wettervorhersage2_Tag ".ReadingsVal("YahooWetter","fc2_day_of_week",0)}
define Wettervorhersage2_Tag dummy
attr Wettervorhersage2_Tag DbLogExclude .*
attr Wettervorhersage2_Tag fp_Status 200,345,0,
attr Wettervorhersage2_Tag room Wetter
define n_Wettervorhersage3_Tag notify YahooWetter:fc3_day_of_week.* { fhem "set Wettervorhersage3_Tag ".ReadingsVal("YahooWetter","fc3_day_of_week",0)}
define Wettervorhersage3_Tag dummy
attr Wettervorhersage3_Tag DbLogExclude .*
attr Wettervorhersage3_Tag fp_Status 200,465,0,
attr Wettervorhersage3_Tag room Wetter
define n_Wettervorhersage3_Symbol notify YahooWetter:fc3_icon.* { fhem "set Wettervorhersage3_Symbol ".ReadingsVal("YahooWetter","fc3_icon",0)}
define Wettervorhersage3_Symbol dummy
attr Wettervorhersage3_Symbol DbLogExclude .*
attr Wettervorhersage3_Symbol fp_Status 76,435,0,
attr Wettervorhersage3_Symbol room Wetter
define n_Wettervorhersage3_MinTemp notify YahooWetter:fc3_low_c.* { fhem "set Wettervorhersage3_MinTemp ".ReadingsVal("YahooWetter","fc3_low_c",0)."°C" }
define Wettervorhersage3_MinTemp dummy
attr Wettervorhersage3_MinTemp DbLogExclude .*
attr Wettervorhersage3_MinTemp fp_Status 260,470,0,
attr Wettervorhersage3_MinTemp room Wetter
define n_Wettervorhersage3_MaxTemp notify YahooWetter:fc3_high_c.* { fhem "set Wettervorhersage3_MaxTemp ".ReadingsVal("YahooWetter","fc3_high_c",0)."°C" }
define Wettervorhersage3_MaxTemp dummy
attr Wettervorhersage3_MaxTemp DbLogExclude .*
attr Wettervorhersage3_MaxTemp fp_Status 300,470,0,
attr Wettervorhersage3_MaxTemp room Wetter
define n_Wettervorhersage4_Tag notify YahooWetter:fc4_day_of_week.* { fhem "set Wettervorhersage4_Tag ".ReadingsVal("YahooWetter","fc4_day_of_week",0)}
define Wettervorhersage4_Tag dummy
attr Wettervorhersage4_Tag DbLogExclude .*
attr Wettervorhersage4_Tag fp_Status 200,590,0,
attr Wettervorhersage4_Tag room Wetter
define n_Wettervorhersage4_Symbol notify YahooWetter:fc4_icon.* { fhem "set Wettervorhersage4_Symbol ".ReadingsVal("YahooWetter","fc4_icon",0)}
define Wettervorhersage4_Symbol dummy
attr Wettervorhersage4_Symbol DbLogExclude .*
attr Wettervorhersage4_Symbol fp_Status 76,560,0,
attr Wettervorhersage4_Symbol room Wetter
define n_Wettervorhersage4_MinTemp notify YahooWetter:fc4_low_c.* { fhem "set Wettervorhersage4_MinTemp ".ReadingsVal("YahooWetter","fc4_low_c",0)."°C" }
define Wettervorhersage4_MinTemp dummy
attr Wettervorhersage4_MinTemp DbLogExclude .*
attr Wettervorhersage4_MinTemp fp_Status 260,595,0,
attr Wettervorhersage4_MinTemp room Wetter
define n_Wettervorhersage4_MaxTemp notify YahooWetter:fc4_high_c.* { fhem "set Wettervorhersage4_MaxTemp ".ReadingsVal("YahooWetter","fc4_high_c",0)."°C" }
define Wettervorhersage4_MaxTemp dummy
attr Wettervorhersage4_MaxTemp DbLogExclude .*
attr Wettervorhersage4_MaxTemp fp_Status 300,595,0,
attr Wettervorhersage4_MaxTemp room Wetter
define n_Wettervorhersage5_Tag notify YahooWetter:fc5_day_of_week.* { fhem "set Wettervorhersage5_Tag ".ReadingsVal("YahooWetter","fc5_day_of_week",0)}
define Wettervorhersage5_Tag dummy
attr Wettervorhersage5_Tag DbLogExclude .*
attr Wettervorhersage5_Tag fp_Status 200,715,0,
attr Wettervorhersage5_Tag room Wetter
define n_Wettervorhersage5_Symbol notify YahooWetter:fc5_icon.* { fhem "set Wettervorhersage5_Symbol ".ReadingsVal("YahooWetter","fc5_icon",0)}
define Wettervorhersage5_Symbol dummy
attr Wettervorhersage5_Symbol DbLogExclude .*
attr Wettervorhersage5_Symbol fp_Status 76,685,0,
attr Wettervorhersage5_Symbol room Wetter
define n_Wettervorhersage5_MinTemp notify YahooWetter:fc5_low_c.* { fhem "set Wettervorhersage5_MinTemp ".ReadingsVal("YahooWetter","fc5_low_c",0)."°C" }
define Wettervorhersage5_MinTemp dummy
attr Wettervorhersage5_MinTemp DbLogExclude .*
attr Wettervorhersage5_MinTemp fp_Status 260,715,0,
attr Wettervorhersage5_MinTemp room Wetter
define n_Wettervorhersage5_MaxTemp notify YahooWetter:fc5_high_c.* { fhem "set Wettervorhersage5_MaxTemp ".ReadingsVal("YahooWetter","fc5_high_c",0)."°C" }
define Wettervorhersage5_MaxTemp dummy
attr Wettervorhersage5_MaxTemp DbLogExclude .*
attr Wettervorhersage5_MaxTemp fp_Status 300,715,0,
attr Wettervorhersage5_MaxTemp room Wetter
Und eh du loslegst, die Icons müssen vorhanden sein (iconPath anpassen!!, die Icons sind in /opt/fhem/www/images/default/weather)
VG
Frank
Hallo Frank, danke für deinen Code,
hab aber wohl noch was falsch gemacht, da zum einen im Floorplan immer noch nichts zu sehen ist.......
Hab den iconPath angepasst:
attr WEB iconPath fhemSVG:openautomation:default:icons_small:weatherDann habe ich deinen Code übernommen, ausser das ich alles mit
ZitatDbLogExclude .*
rausgenommen habe, sowie
Zitatfp_Status
in
Zitatfp_Home
umbenannt habe, der Code sah dann so aus
define YahooWetter Weather 647378 1800 de
attr YahooWetter room Wetter
define n_Wettervorhersage1_Symbol notify YahooWetter:fc1_icon.* { fhem "set Wettervorhersage1_Symbol ".ReadingsVal("YahooWetter","fc1_icon",0)}
define Wettervorhersage1_Symbol dummy
attr Wettervorhersage1_Symbol fp_Home 76,200,0,
attr Wettervorhersage1_Symbol room Wetter
define n_Wettervorhersage1_MinTemp notify YahooWetter:fc1_low_c.* { fhem "set Wettervorhersage1_MinTemp ".ReadingsVal("YahooWetter","fc1_low_c",0)."°C" }
define Wettervorhersage1_MinTemp dummy
attr Wettervorhersage1_MinTemp fp_Home 260,230,0,
attr Wettervorhersage1_MinTemp room Wetter
define n_Wettervorhersage1_MaxTemp notify YahooWetter:fc1_high_c.* { fhem "set Wettervorhersage1_MaxTemp ".ReadingsVal("YahooWetter","fc1_high_c",0)."°C" }
define Wettervorhersage1_MaxTemp dummy
attr Wettervorhersage1_MaxTemp fp_Home 300,230,0,
attr Wettervorhersage1_MaxTemp room Wetter
define n_Wettervorhersage1_Tag notify YahooWetter:fc1_day_of_week.* { fhem "set Wettervorhersage1_Tag ".ReadingsVal("YahooWetter","fc1_day_of_week",0)}
define Wettervorhersage1_Tag dummy
attr Wettervorhersage1_Tag fp_Home 200,230,0,
attr Wettervorhersage1_Tag room Wetter
define n_Wettervorhersage2_Symbol notify YahooWetter:fc2_icon.* { fhem "set Wettervorhersage2_Symbol ".ReadingsVal("YahooWetter","fc2_icon",0)}
define Wettervorhersage2_Symbol dummy
attr Wettervorhersage2_Symbol fp_Home 76,315,0,
attr Wettervorhersage2_Symbol room Wetter
define n_Wettervorhersage2_MinTemp notify YahooWetter:fc2_low_c.* { fhem "set Wettervorhersage2_MinTemp ".ReadingsVal("YahooWetter","fc2_low_c",0)."°C" }
define Wettervorhersage2_MinTemp dummy
attr Wettervorhersage2_MinTemp fp_Home 260,345,0,
attr Wettervorhersage2_MinTemp room Wetter
define n_Wettervorhersage2_MaxTemp notify YahooWetter:fc2_high_c.* { fhem "set Wettervorhersage2_MaxTemp ".ReadingsVal("YahooWetter","fc2_high_c",0)."°C" }
define Wettervorhersage2_MaxTemp dummy
attr Wettervorhersage2_MaxTemp fp_Home 300,345,0,
attr Wettervorhersage2_MaxTemp room Wetter
define n_Wettervorhersage2_Tag notify YahooWetter:fc2_day_of_week.* { fhem "set Wettervorhersage2_Tag ".ReadingsVal("YahooWetter","fc2_day_of_week",0)}
define Wettervorhersage2_Tag dummy
attr Wettervorhersage2_Tag fp_Home 200,345,0,
attr Wettervorhersage2_Tag room Wetter
define n_Wettervorhersage3_Tag notify YahooWetter:fc3_day_of_week.* { fhem "set Wettervorhersage3_Tag ".ReadingsVal("YahooWetter","fc3_day_of_week",0)}
define Wettervorhersage3_Tag dummy
attr Wettervorhersage3_Tag fp_Home 200,465,0,
attr Wettervorhersage3_Tag room Wetter
define n_Wettervorhersage3_Symbol notify YahooWetter:fc3_icon.* { fhem "set Wettervorhersage3_Symbol ".ReadingsVal("YahooWetter","fc3_icon",0)}
define Wettervorhersage3_Symbol dummy
attr Wettervorhersage3_Symbol fp_Home 76,435,0,
attr Wettervorhersage3_Symbol room Wetter
define n_Wettervorhersage3_MinTemp notify YahooWetter:fc3_low_c.* { fhem "set Wettervorhersage3_MinTemp ".ReadingsVal("YahooWetter","fc3_low_c",0)."°C" }
define Wettervorhersage3_MinTemp dummy
attr Wettervorhersage3_MinTemp fp_Home 260,470,0,
attr Wettervorhersage3_MinTemp room Wetter
define n_Wettervorhersage3_MaxTemp notify YahooWetter:fc3_high_c.* { fhem "set Wettervorhersage3_MaxTemp ".ReadingsVal("YahooWetter","fc3_high_c",0)."°C" }
define Wettervorhersage3_MaxTemp dummy
attr Wettervorhersage3_MaxTemp fp_Home 300,470,0,
attr Wettervorhersage3_MaxTemp room Wetter
define n_Wettervorhersage4_Tag notify YahooWetter:fc4_day_of_week.* { fhem "set Wettervorhersage4_Tag ".ReadingsVal("YahooWetter","fc4_day_of_week",0)}
define Wettervorhersage4_Tag dummy
attr Wettervorhersage4_Tag fp_Home 200,590,0,
attr Wettervorhersage4_Tag room Wetter
define n_Wettervorhersage4_Symbol notify YahooWetter:fc4_icon.* { fhem "set Wettervorhersage4_Symbol ".ReadingsVal("YahooWetter","fc4_icon",0)}
define Wettervorhersage4_Symbol dummy
attr Wettervorhersage4_Symbol fp_Home 76,560,0,
attr Wettervorhersage4_Symbol room Wetter
define n_Wettervorhersage4_MinTemp notify YahooWetter:fc4_low_c.* { fhem "set Wettervorhersage4_MinTemp ".ReadingsVal("YahooWetter","fc4_low_c",0)."°C" }
define Wettervorhersage4_MinTemp dummy
attr Wettervorhersage4_MinTemp fp_Home 260,595,0,
attr Wettervorhersage4_MinTemp room Wetter
define n_Wettervorhersage4_MaxTemp notify YahooWetter:fc4_high_c.* { fhem "set Wettervorhersage4_MaxTemp ".ReadingsVal("YahooWetter","fc4_high_c",0)."°C" }
define Wettervorhersage4_MaxTemp dummy
attr Wettervorhersage4_MaxTemp fp_Home 300,595,0,
attr Wettervorhersage4_MaxTemp room Wetter
define n_Wettervorhersage5_Tag notify YahooWetter:fc5_day_of_week.* { fhem "set Wettervorhersage5_Tag ".ReadingsVal("YahooWetter","fc5_day_of_week",0)}
define Wettervorhersage5_Tag dummy
attr Wettervorhersage5_Tag fp_Home 200,715,0,
attr Wettervorhersage5_Tag room Wetter
define n_Wettervorhersage5_Symbol notify YahooWetter:fc5_icon.* { fhem "set Wettervorhersage5_Symbol ".ReadingsVal("YahooWetter","fc5_icon",0)}
define Wettervorhersage5_Symbol dummy
attr Wettervorhersage5_Symbol fp_Home 76,685,0,
attr Wettervorhersage5_Symbol room Wetter
define n_Wettervorhersage5_MinTemp notify YahooWetter:fc5_low_c.* { fhem "set Wettervorhersage5_MinTemp ".ReadingsVal("YahooWetter","fc5_low_c",0)."°C" }
define Wettervorhersage5_MinTemp dummy
attr Wettervorhersage5_MinTemp fp_Home 260,715,0,
attr Wettervorhersage5_MinTemp room Wetter
define n_Wettervorhersage5_MaxTemp notify YahooWetter:fc5_high_c.* { fhem "set Wettervorhersage5_MaxTemp ".ReadingsVal("YahooWetter","fc5_high_c",0)."°C" }
define Wettervorhersage5_MaxTemp dummy
attr Wettervorhersage5_MaxTemp fp_Home 300,715,0,
attr Wettervorhersage5_MaxTemp room Wetter
dazu hab ich dann die darkfloorplanstyle.css so abgeändert:
body { background-color: #444444; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../images/default/fhemicon_dark.png); background-repeat:no-repeat; }
body[id~=Media] { background-color: #A5A5A5; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../icons/Media.bak); background-repeat:no-repeat; }
#backimg {position:absolute; top:15px; left:190px;}
#logo { display:none !important;}
#fpmenu.fp_arrange { position:absolute; bottom:20px; left:30px; min-width:310px; font-size:9px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; }
#menu { position:absolute; top:180px; left:30px; width:128px; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding-bottom: 6px; padding-top: 6px;}
#menu.floorplan { position:absolute; top:180px; left:30px; width:128px; font-size:13px; border:1px solid #CCCCCC; background: #111111; box-shadow:5px 5px 5px #000; padding: 6px;}
#hdr { position:absolute; top:15px; left:190px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; margin-bottom: 10px;}
#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
#startcontent {position:absolute; top:20px; left:200px; text-align:left; font-size: 16px; color:gray; }
#errmsg { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }
a { color:#CCCCCC; text-decoration:none;}
td {padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}
img { -moz-border-radius:8px; border-radius:8px;}
table { -moz-border-radius:8px; border-radius:8px; }
table tr.sel { backround: #333333;}
table a:hover {color: #ffffff;}
.devicename { font-size: 14px; text-align:center; color: white; }
.devicestate { text-align:center; color: white; }
.devicecommands { font-size:14px; text-align:center; color: white; }
.devicetimestamp{ font-size:10px; text-align:center; color: white; }
#Wettervorhersage1_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage2_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage3_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage4_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage5_Tag {font-size:28px; color: #FF00FF; }
#sz_Rollo.devicename {font-size:14px;}
#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
#ez_Aussentemperatur_dummy.devicestate {color:green; font-size:30px; }
#HomeStatus.devicestate {color:green; font-size:30px; }
table.dummy {min-width:100px;}
table.FHT {min-width:100px; }
#wakeup.devicestate {color:green; font-size:11px; }
#ez_FHT.devicestate {color:green; font-size:30px; }
#Home.fp_Home {font-size:14px; width:100px; }
#Home.fp_Media {font-size:14px; text-align:left; }
#Media {font-size:14px; }
#Home {font-size:14px; text-align:left; }
#weblink_meinwetter {font-size:28px; color: #FFFFFF; }
#MeinWetter {font-size:28px; color: #FFFFFF; }
#w_WertListe1 {font-size:20px; color:white}
.fp_tempvalue {color:red; font-size:20px; }
.fp_humvalue {color:blue; font-size:20px; }
h2,h3,h4 { color:#52865D; line-height:1.3; margin-top:1.5em; font-family:Verdana; }
/* detail-selector & slider */
select { margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { margin-left:10px; float:left; width:140px; height:26px; border:2px solid; color:grey; }
.set .slider { background:#101010; border-radius:8px; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }
.handle { position:relative; cursor:pointer; width:50px; height:20px;
line-height:20px; border:2px solid; color:white; text-align:center; }
.downText { margin-top:2px; }
/* next lines are for openautomation-svg */
svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
g.on { fill:red; }
/* next lines are for remotecontrol */
.rc_body { border-style: solid; border-color: gray; border-width: 2px;
padding: 5px; background: #101010; font-size:6px;}
.rc_button { padding: 5px 7px;}
.rc_button img { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }
Allerdings sieht es wie auf dem Screen aus:
Im Anhang mal zwei Bilder wie es aussieht.
Das Home_Maus ist wenn ich die ganze Seite mit der Maus markiere
Das ist das Wetter von meiner Stadt ;) Den Städtecode musst du für dich anpassend!
Du musst natürlich in den dummys natürlich auch ein STATE verpassen, sonst steht da nichts drinne und es geht nicht. Lies mal in den beiden anderen Threads, da steht wie es geht. Habe heute leider nicht viel Zeit, da ich noch eine Show fürs Digitalpult programmieren mus.
VG
Frank
Zitat von: franky08 am 23 Oktober 2014, 21:30:08
Du musst natürlich in den dummys natürlich auch ein STATE verpassen, sonst steht da nichts drinne und es geht nicht. Lies mal in den beiden anderen Threads, da steht wie es geht. Habe heute leider nicht viel Zeit, da ich noch eine Show fürs Digitalpult programmieren mus.
VG
Frank
Welche Threads meinst du? Dann such ich da mal
Hatte gedacht dein Code liefert das State mit;-)
Zitat von: franky08 am 23 Oktober 2014, 21:24:27
Das ist das Wetter von meiner Stadt ;) Den Städtecode musst du für dich anpassend!
Das hab ich natürlich gemacht, nur oben nicht geändert:-)
Danke für deine Hilfe!
PS was für ne Show programmierst du?:-)
Guckst du hier, da habe ich auch alle Infos für die Wetterdarstellung her:
http://forum.fhem.de/index.php/topic,22336.msg158613.html#msg158613
P.S. X32 Show für neues Schauspiel, Einspiele und gefühlte 10000 MP´s für Darsteller EQ´s. Comp Routing und und und...
VG
Frank
Hallo Frank, hab jetzt mal da gesucht, allerdings nichts gefunden was das Problem löst, in der .css stehts drin
Was könnte ich noch probieren um die Farbe zu ändern?
Mal noch eine ander Frage dazu ,
ZitatMaJu
schreibt das er
Zitat50 Bilder je Icon-Dummy
gebraucht hat, wie muss ich das machen? Die Bilder liegen ja alle in
/fhem/www/images/default/weather, was muss ich damit jetzt machen?
Danke
Hi, habs leider immer noch nicht geschafft, die Farbe der Wetter Anzeige zu ändern, sieht aus wie im Anhang zu sehen, die Schrift ist halt immer noch schwarz.
Meine darkfloorplanstyle.css ist den Floorplan "Home" zugeordnet. Leider find ich auch mit Firebug nichts, wie ich das ändern kann..
DIe .css sieht so aus:
body { background-color: #444444; font-family:LCARS, Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../images/default/fhemicon_dark.png); background-repeat:no-repeat; }
body[id~=Media] { background-color: #A5A5A5; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-image:url(../icons/Media.bak); background-repeat:no-repeat; }
#logo { display:none !important;}
#backimg {position:absolute; top:0px; left:0px;}
#fpmenu.fp_arrange { position:absolute; bottom:20px; left:30px; min-width:310px; font-size:9px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; }
#menu { position:absolute; top:180px; left:30px; width:128px; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding-bottom: 6px; padding-top: 6px;}
#menu.floorplan { position:absolute; top:180px; left:30px; width:128px; font-size:13px; border:1px solid #CCCCCC; background: #111111; box-shadow:5px 5px 5px #000; padding: 6px;}
#hdr { position:absolute; top:15px; left:190px; border:1px solid #CCCCCC; background: #111111; -moz-border-radius:8px; border-radius:8px; border-spacing: 6px; padding: 6px;
box-shadow:5px 5px 5px #000; margin-bottom: 10px;}
#content { position:absolute; top:50px; left:180px; bottom:10px; right:10px; text-align:center}
#startcontent {position:absolute; top:20px; left:200px; text-align:left; font-size: 16px; color:gray; }
#errmsg { background-color: #000000; color: #FFFFFF; position:absolute; top:0px; left:40px; z-index: 10; }
a { color:#CCCCCC; text-decoration:none;}
td {padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}
img { -moz-border-radius:8px; border-radius:8px;}
table { -moz-border-radius:8px; border-radius:8px; }
table tr.sel { backround: #333333;}
table a:hover {color: #ffffff;}
.fp_Home [border:0px solid red;}
.devicename { font-size: 14px; text-align:center; color: #f00; }
.devicestate { text-align:center; color: #f00; }
.devicecommands { font-size:14px; text-align:center; color: #f00; }
.devicetimestamp{ font-size:10px; text-align:center; color: #f00; }
#Wettervorhersage1_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MaxTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage2_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage3_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage4_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage5_MinTemp {font-size:28px; color: #FFFFFF; }
#Wettervorhersage1_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage2_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage3_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage4_Tag {font-size:28px; color: #FF00FF; }
#Wettervorhersage5_Tag {font-size:28px; color: #FF00FF; }
#sz_Rollo.devicename {font-size:14px;}
#sz_Rollo.devicecommands {font-size:12px; text-align:center; }
#ez_Aussentemperatur_dummy.devicestate {color:green; font-size:30px; }
#HomeStatus.devicestate {color:green; font-size:30px; }
table.dummy {min-width:100px;}
table.FHT {min-width:100px; }
#Wettervorhersage3_MaxTemp.devicestate {color:green; font-size:11px; }
#ez_FHT.devicestate {color:green; font-size:30px; }
#Home.fp_Home {font-size:14px; width:100px; }
#Home.fp_Media {font-size:14px; text-align:left; }
#Media {font-size:14px; }
#Grundriss {font-size:14px; text-align:left; }
#YahooWetter {font-size:16px; color:#D4D4D4}
#w_WertListe1 {font-size:20px; color:gray}
.fp_tempvalue {color:red; font-size:20px; }
.fp_humvalue {color:blue; font-size:20px; }
h2,h3,h4 { color:#52865D; line-height:1.3; margin-top:1.5em; font-family:Verdana; }
/* detail-selector & slider */
select { margin-left:5px; margin-right:5px; }
.set,.attr { margin-bottom:5px; float:left; }
.slider { margin-left:10px; float:left; width:140px; height:26px; border:2px solid; color:grey; }
.set .slider { background:#101010; border-radius:8px; }
/* timepicker */
.set .set { margin-bottom:2px; margin-top:3px; }
.handle { position:relative; cursor:pointer; width:50px; height:20px;
line-height:20px; border:2px solid; color:white; text-align:center; }
.downText { margin-top:2px; }
/* next lines are for openautomation-svg */
svg { height:32px; width:32px; fill:#fff; vertical-align:middle; margin:2px 0; }
g.on { fill:red; }
/* next lines are for remotecontrol */
.rc_body { border-style: solid; border-color: gray; border-width: 2px;
padding: 5px; background: #101010; font-size:6px;}
.rc_button { padding: 5px 7px;}
.rc_button img { border-style: solid; border-width: 1px; border-color: transparent; }
.rc_button img:active { border-color: gray; }
Was muss ich noch ändern?
Danke
EDIT hab das Wetter jetzt nochmal komplett neu als readinggroup angelegt, mit diesem Code:
define YahooWetter Weather 12834945 3600 de
attr YahooWetter room Wettervorhersage
define FileLog_YahooWetter FileLog ./log/meinwetter-%Y-%m.log MeinWetter
attr FileLog_YahooWetter logtype text
attr FileLog_YahooWetter room Wettervorhersage
attr YahooWetter localicons 1
define weblink_YahooWetter weblink htmlCode {WeatherAsHtml("YahooWetter")}
attr weblink_YahooWetter room Wettervorhersage
define Wetter readingsGroup schreibhierirgendwasrein
YahooWetter:<heute>,fc2_day_of_week,fc3_day_of_week,fc4_day_of_week,fc5_day_of_week
YahooWetter:fc1_code,fc2_code,fc3_code,fc4_code,fc5_code
YahooWetter:fc1_high_c,fc2_high_c,fc3_high_c,fc4_high_c,fc5_high_c
YahooWetter:fc1_low_c,fc2_low_c,fc3_low_c,fc4_low_c,fc5_low_c
attr Wetter nameStyle style="text-align:center" #damit der Name zentriert ist
attr Wetter noheading 1 #damit die Überschrift ausgeblendet wird
attr Wetter nolinks 1 #Die Namen nicht als Links
attr Wetter nonames 1 #den Namen "YahooWetter" ausblenden
attr Wetter valueFormat {"fc1_low_c" => "%.0f°C", "fc1_high_c" => "%.0f°C", "fc2_low_c" => "%.0f°C", "fc2_high_c" => "%.0f°C", "fc3_low_c" => "%.0f°C", "fc3_high_c" => "%.0f°C", "fc4_low_c" => "%.0f°C", "fc4_high_c" => "%.0f°C", "fc5_low_c" => "%.0f°C", "fc5_high_c" => "%.0f°C" }
#damit wird den Temperaturwerten noch "°C" angefügt
attr Wetter valueIcon {'fc1_code' => 'Wetter.%VALUE', 'fc2_code' => 'Wetter.%VALUE', 'fc3_code' => 'Wetter.%VALUE', 'fc4_code' => 'Wetter.%VALUE', 'fc5_code' => 'Wetter.%VALUE'}
#damit werden die Bilder nur noch jeweils einmal benötigt. In meinem Fall muss es dann "Wetter.27.png" etc. heißen.
attr Wetter valueStyle style="text-align:center" #damit die Werte zentriert sind
Aber trotzdem schwarze Schrift so das man nichts lesen kann....
Welchen Wert muss ich ändern?
Hallo,
Ich habe in einem alten Backup dies gefunden:
table.weather { color: #ffffff; font-size: 14px;}
Ich meine, bin mir aber nicht ganz sicher, es hätte damals geholfen.
Viel Glück
Hans
Zitat von: Hans Franz am 29 Oktober 2014, 23:14:51
Hallo,
Ich habe in einem alten Backup dies gefunden:
table.weather { color: #ffffff; font-size: 14px;}
Ich meine, bin mir aber nicht ganz sicher, es hätte damals geholfen.
Viel Glück
Hans
Hallo Hans,
danke für den Tip. genauso hat es funktioniert, sieht jetzt wie im Anhang aus.:-)
Kann ich die Schrift noch auf LCARS ändern?
Zitat
Kann ich die Schrift noch auf LCARS ändern?
Hallo,
LCARS habe ich nicht, aber:
table.weather { color: #ffffff; font-size: 14px;font-family: "Leipzig Fraktur";}sieht auch cool aus :)
Gruß
Hans
Hi,
auch eine schöne Schrift:-)
Aber mal eine andere Frage, ich bekomme jetzt das hier als Wetter angezeigt, und angesichsts der Tatsache das wie 21:03 haben find ich die Sonne nicht mehr ganz passen.
Hab ich da noch was falsch gemacht?
Hab das Wetter so angelegt:
define YahooWetter Weather 12834945 3600 de
attr YahooWetter room Wettervorhersage
define FileLog_YahooWetter FileLog ./log/meinwetter-%Y-%m.log MeinWetter
attr FileLog_YahooWetter logtype text
attr FileLog_YahooWetter room Wettervorhersage
attr YahooWetter localicons 1
define weblink_YahooWetter weblink htmlCode {WeatherAsHtmlH("YahooWetter")}
attr weblink_YahooWetter room Wettervorhersage
define Wetter readingsGroup schreibhierirgendwasrein
YahooWetter:<heute>,fc2_day_of_week,fc3_day_of_week,fc4_day_of_week,fc5_day_of_week
YahooWetter:fc1_code,fc2_code,fc3_code,fc4_code,fc5_code
YahooWetter:fc1_high_c,fc2_high_c,fc3_high_c,fc4_high_c,fc5_high_c
YahooWetter:fc1_low_c,fc2_low_c,fc3_low_c,fc4_low_c,fc5_low_c
attr Wetter nameStyle style="text-align:center" #damit der Name zentriert ist
attr Wetter noheading 1 #damit die Überschrift ausgeblendet wird
attr Wetter nolinks 1 #Die Namen nicht als Links
attr Wetter nonames 1 #den Namen "YahooWetter" ausblenden
attr Wetter valueFormat {"fc1_low_c" => "%.0f°C", "fc1_high_c" => "%.0f°C", "fc2_low_c" => "%.0f°C", "fc2_high_c" => "%.0f°C", "fc3_low_c" => "%.0f°C", "fc3_high_c" => "%.0f°C", "fc4_low_c" => "%.0f°C", "fc4_high_c" => "%.0f°C", "fc5_low_c" => "%.0f°C", "fc5_high_c" => "%.0f°C" }
#damit wird den Temperaturwerten noch "°C" angefügt
attr Wetter valueIcon {'fc1_code' => 'Wetter.%VALUE', 'fc2_code' => 'Wetter.%VALUE', 'fc3_code' => 'Wetter.%VALUE', 'fc4_code' => 'Wetter.%VALUE', 'fc5_code' => 'Wetter.%VALUE'}
#damit werden die Bilder nur noch jeweils einmal benötigt. In meinem Fall muss es dann "Wetter.27.png" etc. heißen.
attr Wetter valueStyle style="text-align:center" #damit die Werte zentriert sind
Hallo,
diese Frage wurde im zugehörigen Yahoo-Wetterthread bereits behandelt.
Grüße
Zitat von: Puschel74 am 02 November 2014, 10:43:42
Hallo,
diese Frage wurde im zugehörigen Yahoo-Wetterthread bereits behandelt.
Grüße
Hi, dann guck ich da mal, danke für den Hinweis. (Allerdings ist das auch keine priorisiert Baustelle :-) )
Hab den Thread damit als gelöst gekenzeichnet