Hauptmenü

Icons

Begonnen von kekschen, 01 Mai 2013, 17:58:56

Vorheriges Thema - Nächstes Thema

docb

Hallo Leute,
echt genial, was sich mit den Icons so getan hat. Jetzt weiß ich nicht ganz ob ich mit meinem Beitrag hier ganz richtig bin, aber ich denke mal der ein oder andere wird noch ein bisschen an den openautomation svgs rumbasteln - mir z.B. ist ein Schaltzustand abgegangen, den ich gebastelt habe. Es wäre doch sinnvoll, diese "Entwürfe" irgendwo zu sammeln. Meiner ist jedenfalls anbei - wer eine Fußbodenheizung hat, kann ihn vielleicht brauchen ;-)

viele grüße
doc
I love FHEM!

docb

Hallo Leute, ich habe gesehen, dass sich schon enige mein Icon runtergeladen haben - da ist allerdings noch ein kleiner Bug drin und ich weiß noch nicht genau woran das liegt. Daher bitte ich um Hilfe: ich bastle die Icons mit Inkscape und speichere sie als "normales" svg. Allerdings kann fhem dem svg jetzt keine Farben zuweisen, so wie den Originaldateien. Kann mir jemand einen Tipp geben, worauf ich beim zeichnen oder speichern achten muss, damit das klappt?
Anbei nochmal mein Icon - diesmal als "normales SVG" - die Version im Beitrag vorher war im Format Inkscape SVG gespeichert, das zerhackt die fhem frontend-darstellung völlig...

viele Grüße
doc
I love FHEM!

rudolfkoenig

FHEMWEB ersetzt fill="#000000" durch fill="$col" falls eine Farbe mit @ definiert ist.

Da in deiner Datei dieser String so nicht vorkommt (style="fill:#000000;stroke:none" zaehlt nicht :), wird es auch nicht ersetzt.

Die Methode ist nicht perfekt, und mehr als eine Farbe geht so auch nicht.
Die Farbe wird aber auch als Klasse definiert, damit kann man im CSS sich verwirklichen :)

docb

Fast ;-)
Danke für den Tipp, jetzt klappts zumindest mit Teil aus dem Originalbild. Der Rest (die drei X oben) sind etwas zickig. Die kann ich einfach nicht dazu bewegen, sich einzufärben.
Ich habs mal versucht, sie in das <g transform..> mit einzuschließen, dann werden sie rechts unten klein dargestellt. Jetzt habe ich ihnen ein eigenes <g fill... gewidmet, aber auch jetzt wollen Sie sich nicht einfärben (diese Version ist angehängt). Hat jemand noch einen Tipp, wie ich die drei kleinen Widerporste noch einfangen kann? Dann kann ich nämlich meine restlichen self-made/-adopted Icons auch "richtigstellen" und werde sie im nächsten Post hier online stellen...aber erst wenn ich sie auf Funktion getestet habe ;-)
Herzliche Grüße
doc

PS: Hm. Also ein klein wenig scheine ich dem Fehler auf die Schliche zu kommen. Kann es sein, dass fhem nur das erste vorkommen von fill="#000000" durch fill="$col" ersetzt?
I love FHEM!

rudolfkoenig

FHEMWEB hat bisher nur eine fill="#000000" Zeile ersetzt.
Ich habs gerade modifiziert, damit es alle ersetzt, damit wird das XXX jetzt auch umgefaerbt.

Gruss,
  Rudi

docb

Wow, dankeschön! Ich habe den ganzen Abend versucht, die Dateien im XML-Quälcode so zu modifizieren, dass es nur 1 Layer gibt... und das ist echt deftig. Daher ist die fhem-Lösung genial, vielen Dank, da wird es 1000x einfacher SVGs zu modifizieren!
Besten Gruß
doc
I love FHEM!

docb

Alter Vatter, man das war anstrengend... Anbei meine neuen Icons. Kleiner Tipp für alle, die auch etwas selbst basteln möchten:
1. Inkscape ist super, aber keinesfalls als Inkscape SVG speichern, sondern als normales SVG.
2. Und ein Texteditor ist erforderlich, um insbesondere die Zeilen
style="fill:#000000;stroke:none">
mit
fill="#000000" stroke="none">
zu ersetzen, wenn ihr ein vorhandenes Bild umbastelt.
3. Außerdem hat es bei Icons mit Text nur geklappt sie fehlerfrei in fhem angezeigt zu bekommen, wenn ich den Text in einen Pfad umgewandelt habe.
Das rauszubekommen hat mich einige frustrierte Stunden gekostet :)
Das Ergebnis anbei, viel Spaß damit!
Viele Grüße
doc

I love FHEM!

docb

I love FHEM!

docb

Teil 3
Ach ja - und manchmal ist ein shutdown restart notwendig, wenn ihr neue icons in das openautomation-verzeichnis kopiert, damit fhem sie erkennt...
- Vorerst Ende ;-)
habe gerade noch zwei dateien hier im beitrag ergänzt...
I love FHEM!

Puschel74

Hallo,

per zip wäre es auch fein ;-)
Dann könnte man alle auf einmal ins Verzeichnis packen.

Aber dennoch danke für die Arbeit.

Grüße
Zotac BI323 als Server mit DBLog
CUNO für FHT80B, 3 HM-Lan per vCCU, RasPi mit CUL433 für Somfy-Rollo (F2F), RasPi mit I2C(LM75) (F2F), RasPi für Panstamp+Vegetronix +SONOS(F2F)
Ich beantworte keine Supportanfragen per PM! Bitte im Forum suchen oder einen Beitrag erstellen.

docb

Hi, ähm ja. Vor lauter SVG-Wald den Zip-Baum übersehen ;-)
Bei neuen Icons/Verbesserungen an den vorhandenen Icons lade ich jetzt immer die Zip mit Datum hoch, gute Idee!
Beste Grüße
doc
I love FHEM!

docb

Neu im Zip:
- Batterie
- SD-Karte
- USB
I love FHEM!

UliM

Zitat von: docb schrieb am Di, 02 Juli 2013 11:23docs_svg_v2013-07-02.zip
Hi docb,
vielen Dank für die beigesteuerten icons!

Hab sie eingecheckt nach www/images/fhemSVG

Ab übermorgen per update verfügbar.
Wenn Du Änderungen und/oder Neue icons hast, bitte nur die geänderten posten, dann schieb ich nur die ins SVN nach.

Gruß, Uli
RPi4/Raspbian, CUL V3 (ca. 30 HomeMatic-devices), LAN (HarmonyHub, alexa etc.).  Fördermitglied des FHEM e.V.

UliM

Zitat von: kekschen schrieb am So, 26 Mai 2013 18:56Für die wichtigsten Größen hab ich auf meinem Server Dateien abgelegt, vielleicht kannst Du die einchecken?

http://fhemicons.pandaboard.no-ip.org/

vG Thorsten
Hi Thorsten,
vielen Dank für die schönen icons.

Habe die 32px-Versionen eingecheckt nach www/images/default.

Werden ab morgen per update verteilt.
Wenn Du weitere hast, sag gern bescheid :)

Gruß, Uli
RPi4/Raspbian, CUL V3 (ca. 30 HomeMatic-devices), LAN (HarmonyHub, alexa etc.).  Fördermitglied des FHEM e.V.

docb

YES! Ich habe was zu fhem beigetragen! Ich bin stolz wie Juchte ;-)
Sehr schön. Wenn jemand noch svg-wünsche hat, ruhig äußern. Ich weiß zwar nicht wann ich dazu komme, aber ich versuchs ;-)
Herzliche Grüße an die Gemeinde!
doc
PS: Wenn sich nochmal jemand erbarmen würde und bei Reputation 1x auf + klicken würde, wäre meine Statistik Beiträg/Reputation nicht ganz so erbärmlich ;-)
I love FHEM!