Autor Thema: [gelöst]Falsche Größe des Icon im Floorplan  (Gelesen 5041 mal)

Offline Paul

  • Sr. Member
  • ****
  • Beiträge: 923
[gelöst]Falsche Größe des Icon im Floorplan
« am: 11 März 2015, 16:13:59 »
Ich wollte im FLOORPLAN einen weblink-Button einbauen.

Der Button ist wie folgt definiert

define zuRSS weblink htmlCode <a href="http://192.168.178.124:8083/fhem/rss/myrss.html"><img src="/fhem/icons/control_arrow_right@red"></a>
Der Button führt auch die entsprechende Funktion aus. Aber :

1. dachte ich, dass er rot wäre.

2. ist er viel zu groß

Ist das ein Fehler im FLOORPLAN oder meine Dämlichkeit?

« Letzte Änderung: 11 März 2015, 17:25:45 von Paul »
Cubietruck, HM-USB, CUL, FS20, FHT, HUE, Keymatic

nobody42

  • Gast
Antw:Falsche Größe des Icon im Floorplan
« Antwort #1 am: 11 März 2015, 16:41:48 »
Hi,

ich hatte auch solche Effekte, Du kannst das über das floorplan CSS beeinflussen.

unter /opt/fhem/www/pgm2/ gibt es die Datei darkfloorplanstyle.css

Dort kannst Du alle Elemente oder auch Einzelne anpassen.

Wenn Du ein einzelnes Element anpassen willst, dann bekommst Du am einfachsten über FireFox die Info,
wie es heißt: Rechtsklick in Firefox auf das Icon, dann "Inspect Element", dann geht unten ein Info Fenster auf,
wo das Element markiert ist. Dann auf die markierte Zeile unten gehen und nochmal Rechtsklick, "Copy unique selector".
Dann den Inhalt der Zwischenablage in die darkfloorplanstyle.css pasten.

Sieht dann z.B. so aus: #fp_wifi_icon > img:nth-child(1)

dahinter kannst Du dann mit CSS die Eigentschaften verändern. z.B.

#fp_wifi_icon > img:nth-child(1)  {height:40px; width:52px; fill:#eee; background:#383c45;  border:10px solid; border-color:#383c45;}

Hoffe das hilft.

Gruss


Gefällt mir Gefällt mir x 1 Hilfreich Hilfreich x 1 Liste anzeigen

Offline Paul

  • Sr. Member
  • ****
  • Beiträge: 923
Antw:Falsche Größe des Icon im Floorplan
« Antwort #2 am: 11 März 2015, 17:25:13 »
Besten Dank hat geklappt.

Super Anleitung.
Cubietruck, HM-USB, CUL, FS20, FHT, HUE, Keymatic

Offline GiBy

  • New Member
  • *
  • Beiträge: 21
Antw:Falsche Größe des Icon im Floorplan
« Antwort #3 am: 08 Dezember 2019, 13:37:48 »
...
Wenn Du ein einzelnes Element anpassen willst, dann bekommst Du am einfachsten über FireFox die Info,
wie es heißt: Rechtsklick in Firefox auf das Icon, dann "Inspect Element", dann geht unten ein Info Fenster auf,
wo das Element markiert ist. Dann auf die markierte Zeile unten gehen und nochmal Rechtsklick, "Copy unique selector".
Dann den Inhalt der Zwischenablage in die darkfloorplanstyle.css pasten.

Sieht dann z.B. so aus: #fp_wifi_icon > img:nth-child(1)

dahinter kannst Du dann mit CSS die Eigentschaften verändern. z.B.

#fp_wifi_icon > img:nth-child(1)  {height:40px; width:52px; fill:#eee; background:#383c45;  border:10px solid; border-color:#383c45;}


Auch bei mir sind (und wären wahrscheinlich alle) Icons im Floorplan etwa 10-fach zu groß (s. beigefügten Screenshot aus Firefox und den Code zum Element im HTML-Inspektor).
Doch wie reduziere ich das, in den CSS-Dateien? Ich habe im Inspektor keinen Menüpunkt "Copy unique selector", allenfalls "Copy -> CSS selector", und  in /opt/fhem/www/pgm2/*.css bisher keinen Hinweis auf dieses Element gefunden. Und das leuchtende Birnchen, besteht aus einer ganzen Reihe potrace-Pfade und ist nicht nur ein img wie von Nobody42 beschrieben.

Ich bin für Kommentare, Tips und Lösungswege dankbar.
Gebhardt
« Letzte Änderung: 08 Dezember 2019, 15:54:54 von GiBy »
Nutze FHEM 5.9 auf Pi3B Raspbian
4.19.66-v7+ #1253 SMP Thu Aug 15 11:49:46 BST 2019 mit Mosquitto und CUL 3.4 868MHz, λ/4-Antenne,
433MHz-Funkschaltdosen, Sonoff/Tasmota: RF Bridge 433 MHz (incl. Portisch-FW), Basic, POW-R2

 

decade-submarginal