Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Schriftarten

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    1.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    848

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.1k

Schriftarten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
46 Beiträge 12 Kommentatoren 8.3k Aufrufe 8 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • sigi234S 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

    M Offline
    M Offline
    michihorn
    schrieb am zuletzt editiert von
    #41

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

    sigi234S 1 Antwort Letzte Antwort
    0
    • M 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?

      sigi234S Online
      sigi234S Online
      sigi234
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #42

      @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.

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
      Immer Daten sichern!

      M 1 Antwort Letzte Antwort
      0
      • sigi234S 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.

        M Offline
        M Offline
        michihorn
        schrieb am zuletzt editiert von michihorn
        #43

        @sigi234 Ich möchte diesen Glow Effekt nachahmen
        Unbenannt.JPG

        sigi234S 2 Antworten Letzte Antwort
        0
        • M michihorn

          @sigi234 Ich möchte diesen Glow Effekt nachahmen
          Unbenannt.JPG

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von sigi234
          #44

          @michihorn sagte in Schriftarten:

          @sigi234 Ich möchte diesen Glow Effekt nachahmen
          Unbenannt.JPG

          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

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          1 Antwort Letzte Antwort
          0
          • M michihorn

            @sigi234 Ich möchte diesen Glow Effekt nachahmen
            Unbenannt.JPG

            sigi234S Online
            sigi234S Online
            sigi234
            Forum Testing Most Active
            schrieb am zuletzt editiert von sigi234
            #45

            @michihorn sagte in Schriftarten:

            @sigi234 Ich möchte diesen Glow Effekt nachahmen
            Unbenannt.JPG

            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"}]
            

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
            Immer Daten sichern!

            M 1 Antwort Letzte Antwort
            0
            • sigi234S sigi234

              @michihorn sagte in Schriftarten:

              @sigi234 Ich möchte diesen Glow Effekt nachahmen
              Unbenannt.JPG

              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"}]
              
              M Offline
              M Offline
              michihorn
              schrieb am zuletzt editiert von
              #46

              @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:+1:

              1 Antwort Letzte Antwort
              0
              Antworten
              • In einem neuen Thema antworten
              Anmelden zum Antworten
              • Älteste zuerst
              • Neuste zuerst
              • Meiste Stimmen


              Support us

              ioBroker
              Community Adapters
              Donate

              568

              Online

              32.6k

              Benutzer

              82.1k

              Themen

              1.3m

              Beiträge
              Community
              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
              ioBroker Community 2014-2025
              logo
              • Anmelden

              • Du hast noch kein Konto? Registrieren

              • Anmelden oder registrieren, um zu suchen
              • Erster Beitrag
                Letzter Beitrag
              0
              • Home
              • Aktuell
              • Tags
              • Ungelesen 0
              • Kategorien
              • Unreplied
              • Beliebt
              • GitHub
              • Docu
              • Hilfe