[Gelöst]Wetter quer Anzeigen

[Tommy82]

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:

Code Auswählen Erweitern

#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:

[franky08]

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

[StefanW]

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.

[Tommy82]

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

Code Auswählen Erweitern

#Wettervorhersage2_MaxTemp {font-size:28px; color: #FFFFFF; } usw.
das habe ich dann für mich so abgeändert

Code Auswählen Erweitern

#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?

[franky08]

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:

Code Auswählen Erweitern

#--------------------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

[Tommy82]

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:

Code Auswählen Erweitern

attr WEB iconPath fhemSVG:openautomation:default:icons_small:weather

Dann habe ich deinen Code übernommen, ausser das ich alles mit

DbLogExclude .*

rausgenommen habe, sowie

fp_Status

in

fp_Home

umbenannt habe, der Code sah dann so aus

Code Auswählen Erweitern

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:

Code Auswählen Erweitern

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

[franky08]

Das ist das Wetter von meiner Stadt  Den Städtecode musst du für dich anpassend!

[franky08]

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

[Tommy82]

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;-)

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?

[franky08]

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

[Tommy82]

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 ,

MaJu

schreibt das er

50 Bilder je Icon-Dummy

gebraucht hat, wie muss ich das machen? Die Bilder liegen ja alle in

Code Auswählen Erweitern

/fhem/www/images/default/weather, was muss ich damit jetzt machen?

Danke

[Tommy82]

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:

Code Auswählen Erweitern

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:

Code Auswählen Erweitern

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?

[Hans Franz]

Hallo,
Ich habe in einem alten Backup dies gefunden:

Code Auswählen Erweitern

table.weather { color: #ffffff; font-size: 14px;}

Ich meine, bin mir aber nicht ganz sicher, es hätte damals geholfen.

Viel Glück
Hans

[Tommy82]

Hallo,
Ich habe in einem alten Backup dies gefunden:

Code Auswählen Erweitern

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?

[Hans Franz]

Kann ich die Schrift noch auf LCARS ändern?

Hallo,
LCARS habe ich nicht, aber:

Code Auswählen Erweitern

table.weather { color: #ffffff; font-size: 14px;font-family: "Leipzig Fraktur";}
sieht auch cool aus

Gruß
Hans