FHEM Forum

FHEM => Frontends => FLOORPLAN => Thema gestartet von: Spartacus am 10 Juli 2014, 14:42:12

Titel: Weather im Floorplan
Beitrag von: Spartacus am 10 Juli 2014, 14:42:12
Hallo,
ich möchte im Floorplan das Wetter anzeigen lassen und habe wieder ein Problem mit der Farbdarstellung.
Wie kann ich die Farben unter dem Wettersymbol ändern? Im Floorplan kann man das nicht lesen.
Ich vermute man musst das mit htmlattr. machen, aber ich kriege es nicht hin!

Hat jemand einen tipp, wie der korrekte Befehl für das Anpassen der Farben aussehen muss, bzw. wo man es nachlesen kann?
Derzeit steht nur das im htmlattr.
width_"220" height="330" frameborder="0" marginheight="0" marginwidth="0

Danke,
Sparatcus

Titel: Antw:Weather im Floorplan
Beitrag von: UliM am 11 Juli 2014, 17:07:17
Hi,
was meinst Du mit "Farbe unter dem Wettersymbol"? Hintergrund?

Farneinstellungen generell in den .css, bei Dir vermutlich darkfloorplanstyle.css
Das html-tag musst Du aus dem html-code der Seite raussuchen, weiss den Objektnamen nicht auswendig.
Gruß, Uli
Titel: Antw:Weather im Floorplan
Beitrag von: Spartacus am 11 Juli 2014, 17:16:58
Hi,
habe mich vielleicht missverständlich ausgedrückt.
Die "WeatherGrafik" in meinem Anhang hat unterhalb der Symbole eine Beschriftung " Bewölkt", "sonnig", Temperatur, Wind,etc..). Die ist leicht grau.

Diese Farbe möchte ich im Floorplan ändern, damit es besser zu lesen ist.
Es würde auch helfen, wenn der Hintergrund des Floorplans nicht durchscheinen würde und das Weather-Objekt intransparent wäre.

Ich weiß hält nicht, an welcher Schraube man da drehen muss...

Danke,
Sparatcus
Titel: Antw:Weather im Floorplan
Beitrag von: fiedel am 11 Juli 2014, 20:00:22
Hi Spartacacus,  ;)

da suchst du dir die css- Datei, die für deinen Floorplan zuständig ist und trägst einen individuellen Eintrag für dein Wetter ein:

In die CFG (Beispiel für den Weblink - hast du ja schon):

# Wettervorschau mit Icons:
define w_Wetter weblink htmlCode { WeatherAsHtmlH("Wetter") }


In die CSS (das Rot ist nur zur Demo):

/* Design für Wettervorschau im Hauptfloorplan: */
#w_Wetter                {font-size:12px; font-weight:bold; color:red; position:absolute; top:-5px; left:0px; width:210px; -moz-border-radius:0px; border-radius:0px; border-spacing: 0px; border:0px solid #CCCCCC; background: #transparent; box-shadow:0px 0px 0px #000; padding: 0px; }


Wichtig: Im CSS nicht die "#" entfernen, das ist hier ein Steuerzeichen und keine Auskommmentierung!
Zum suchen der zust. Datei macht sich Firebug oder das Chrome Entwicklertool (F12 drücken) gut.

Gruß

Frank
Titel: Antw:Weather im Floorplan
Beitrag von: Spartacus am 11 Juli 2014, 20:21:44
Hallo,
ganz lieben Dank für den Tipp! Ich werde das testen und Feedback geben. Schaffe es aus beruflichen Gründen heute leider nicht mehr!

Danke und Gruß,
Spartacus
Titel: Antw:Weather im Floorplan
Beitrag von: wkarl am 12 Juli 2014, 11:55:07
Hallo Spartacus,

mal eine andere Frage, wie bekommt man die Wetteranzeige im Querformat? Meine ist nur senkrecht und ich habe noch keine Dreh gefunden das zu ändern.

Danke und ciao walter
Titel: Antw:Weather im Floorplan
Beitrag von: justme1968 am 12 Juli 2014, 12:00:41
WeatherAsHtmlH und WeatherAsHtmlV

gruss
  andre
Titel: Antw:Weather im Floorplan
Beitrag von: Invers am 13 Mai 2015, 23:45:34
Könnte ich einen Tipp bekommen, wie ich die Icons im Floorplan vergrößern kann? Mit dem Text klappt es ja prima. Da geht bestimmt auch was mit der Bildgröße.
Vielen Dank.