Schriftarten

Homoran

Hier ist noch so ein Thread:
https://forum.iobroker.net/topic/27091/hilfe-jqui-widgets-font-size-eingabefelder-ändern/4

hg6806

Seems like a Fehler irgendwo?
Ich habe den Vorteil zwei Systeme zu haben, bei einem ist der Fehler, bei dem anderen nicht.
Unterschiede:
Fehlerhaftes System:
js-controller 2.1.1. Aktuell
VIS Material (+design) Widgets installiert

System ohne Fehler:
js-controller 2.0.39
VIS Material (+design) Widgets NICHT installiert

Vielleicht ist liegts daran.

hg6806

Gibt es hier inzwischen eine Lösung?

Ich hatte mal die Material Adapter deinstalliert - keine Besserung.
Dann habe ich von dem fehlerhaften System ein Backup gezogen und auf einen Rock64, denn ich noch rumfliegen hatte aufgespielt.
Fehler ist NICHT da.
Jemand eine Idee?

michihorn

@sigi234
Wie heißt denn Deine Schriftart und wie wird das so schön Bunt?
Gruß
Michael

sigi234

@michihorn sagte in Schriftarten:

@sigi234
Wie heißt denn Deine Schriftart und wie wird das so schön Bunt?
Gruß
Michael

https://forum.iobroker.net/topic/24108/gelöst-7-segment-anzeige/5

michihorn

@sigi234 Ja die Schriftart habe ich installiert, aber wie bekomme ich das so schön bunt wie du. Kannst du mal das Widget posten?

sigi234

@michihorn sagte in Schriftarten:

@sigi234 Ja die Schriftart habe ich installiert, aber wie bekomme ich das so schön bunt wie du. Kannst du mal das Widget posten?

Widget habe ich nicht mehr, aber du kannst ja ein Basic Html nehmen und die Schriftfarbe ändern.

michihorn

@sigi234 Ich möchte diesen Glow Effekt nachahmen

sigi234

@michihorn sagte in Schriftarten:

@sigi234 Ich möchte diesen Glow Effekt nachahmen

In CSS rein kopieren.

/* -----
   glow
   ----- */
.mdui-red-glow {
  filter: drop-shadow(0px 0px 2px #F44336) drop-shadow(0px 0px 2px #F44336) drop-shadow(0px 0px 4px #F44336);
}
.mdui-yellow-glow {
  filter: drop-shadow(0px 0px 2px #FFDB3B) drop-shadow(0px 0px 2px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); 
}
.mdui-blue-glow {
  filter: drop-shadow(0px 0px 2px #2B95F3) drop-shadow(0px 0px 2px #2B95F3) drop-shadow(0px 0px 4px #2B95F3) 
}
.mdui-green-glow {
  filter: drop-shadow(0px 0px 2px #4CAF50) drop-shadow(0px 0px 2px #4CAF50) drop-shadow(0px 0px 4px #4CAF50) 
}

Dann unter CSS Klasse zum Beispiel:

mdui-blue-glow

sigi234

@michihorn sagte in Schriftarten:

@sigi234 Ich möchte diesen Glow Effekt nachahmen

Widget:


[{"tpl":"tplTwSimpleDate","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","prependZero":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showWeekDay":true,"monthWord":true,"noClass":true,"class":"mdui-blue-glow"},"style":{"left":"244px","top":"131px","z-index":"5","font-family":"Segment","width":"762px","height":"64px","font-size":"50px","color":"","font-style":"normal","font-variant":"normal","font-weight":"normal","word-spacing":"","letter-spacing":"2px","text-align":"left"},"widgetSet":"timeandweather"}]

michihorn

@sigi234 sagte in Schriftarten:

                                                                                                                                                                                                                                                                                                         [{"tpl":"tplTwSimpleDate","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","prependZero":false,"signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"showWeekDay":true,"monthWord":true,"noClass":true,"class":"mdui-blue-glow"},"style":{"left":"244px","top":"131px","z-index":"5","font-family":"Segment","width":"762px","height":"64px","font-size":"50px","color":"","font-style":"normal","font-variant":"normal","font-weight":"normal","word-spacing":"","letter-spacing":"2px","text-align":"left"},"widgetSet":"timeandweather"}]

Danke

NEWS

Schriftarten

Support us

772

32.4k

81.4k

1.3m