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. HD widgets farbe ändern??? "gelöst"

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    18
    1
    613

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.3k

HD widgets farbe ändern??? "gelöst"

Geplant Angeheftet Gesperrt Verschoben Visualisierung
30 Beiträge 4 Kommentatoren 745 Aufrufe 3 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.
  • OliverIOO OliverIO

    @homoran

    jaja die magie der sprache.
    HD HD

    das ist jetzt nur für den on state

    #w00056 .vis-hq-main.vis-hq-button-base-on {
        background-color: green;
        background-image: none;
    }
    

    der css selektor für off nennt sich
    #w00000 .vis-hq-main.vis-hq-button-base-off

    antatt green kann jede gültige css farbangabe genommen werden.
    im original ist ein linear-gradient enthalten

    das muss im css tab eingetragen werden.
    die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

    D Offline
    D Offline
    denjo
    schrieb am zuletzt editiert von
    #18

    @oliverio puh, ich verstehe das leider noch nicht so ganz.

    OliverIOO 1 Antwort Letzte Antwort
    0
    • D denjo

      @oliverio puh, ich verstehe das leider noch nicht so ganz.

      OliverIOO Offline
      OliverIOO Offline
      OliverIO
      schrieb am zuletzt editiert von
      #19

      @denjo
      Was verstehst du nicht?
      Du musst schon etwas genauer erklären.
      Versuche es bitte diesmal

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      1 Antwort Letzte Antwort
      0
      • OliverIOO OliverIO

        @homoran

        jaja die magie der sprache.
        HD HD

        das ist jetzt nur für den on state

        #w00056 .vis-hq-main.vis-hq-button-base-on {
            background-color: green;
            background-image: none;
        }
        

        der css selektor für off nennt sich
        #w00000 .vis-hq-main.vis-hq-button-base-off

        antatt green kann jede gültige css farbangabe genommen werden.
        im original ist ein linear-gradient enthalten

        das muss im css tab eingetragen werden.
        die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

        D Offline
        D Offline
        denjo
        schrieb am zuletzt editiert von
        #20

        @oliverio sagte in HD widgets farbe ändern???:

        #w00056 .vis-hq-main.vis-hq-button-base-on {
            background-color: green;
            background-image: none;
        }
        

        Das verstehe ichnicht

        OliverIOO 1 Antwort Letzte Antwort
        0
        • D denjo

          @oliverio sagte in HD widgets farbe ändern???:

          #w00056 .vis-hq-main.vis-hq-button-base-on {
              background-color: green;
              background-image: none;
          }
          

          Das verstehe ichnicht

          OliverIOO Offline
          OliverIOO Offline
          OliverIO
          schrieb am zuletzt editiert von OliverIO
          #21

          @denjo
          Diese Erklärung hat dir nicht gereicht?

          Bitte konkret schreiben, welcher der Sätze davon du nicht verstehst und was du probiert hast.
          Sorry den copy/Paste kann ich für dich nicht machen.
          Deine Tastatur kann ich für dich auch nicht bedienen.

          antatt green kann jede gültige css farbangabe genommen werden.
          im original ist ein linear-gradient enthalten

          das muss im css tab eingetragen werden.
          die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

          Ansonsten wäre ich am Ende meiner didaktischen Fähigkeiten, evtl. kann noch jemand anderes helfen

          Meine Adapter und Widgets
          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
          Links im Profil

          D 2 Antworten Letzte Antwort
          0
          • OliverIOO OliverIO

            @denjo
            Diese Erklärung hat dir nicht gereicht?

            Bitte konkret schreiben, welcher der Sätze davon du nicht verstehst und was du probiert hast.
            Sorry den copy/Paste kann ich für dich nicht machen.
            Deine Tastatur kann ich für dich auch nicht bedienen.

            antatt green kann jede gültige css farbangabe genommen werden.
            im original ist ein linear-gradient enthalten

            das muss im css tab eingetragen werden.
            die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

            Ansonsten wäre ich am Ende meiner didaktischen Fähigkeiten, evtl. kann noch jemand anderes helfen

            D Offline
            D Offline
            denjo
            schrieb am zuletzt editiert von denjo
            #22

            @oliverio okay jetzt habe ich es geschnallt, danke. also green, blue usw klappt aber wie bekomme ich es transparent?

            edit: hab es hinbekommen

            1 Antwort Letzte Antwort
            0
            • OliverIOO OliverIO

              @denjo
              Diese Erklärung hat dir nicht gereicht?

              Bitte konkret schreiben, welcher der Sätze davon du nicht verstehst und was du probiert hast.
              Sorry den copy/Paste kann ich für dich nicht machen.
              Deine Tastatur kann ich für dich auch nicht bedienen.

              antatt green kann jede gültige css farbangabe genommen werden.
              im original ist ein linear-gradient enthalten

              das muss im css tab eingetragen werden.
              die widgetid davor angeben. ohne die widget-id gilt es für alle widgets, die die css klasse vis-hq-main.vis-hq-button-base-on haben

              Ansonsten wäre ich am Ende meiner didaktischen Fähigkeiten, evtl. kann noch jemand anderes helfen

              D Offline
              D Offline
              denjo
              schrieb am zuletzt editiert von denjo
              #23

              @oliverio es funktioniert aber nur bei on, nicht bei off??

              #w00587 .vis-hq-main.vis-hq-button-base-on {
                  background-color: rgba(230, 233, 29, 0.505);
                  background-image: none;
              }
              #w00587 .vis-hq-main.vis-hq-button-base-off {
                  background-color: rgb(11, 6, 77);
                  background-image: none;
              }
              
              
              OliverIOO 1 Antwort Letzte Antwort
              0
              • D denjo

                @oliverio es funktioniert aber nur bei on, nicht bei off??

                #w00587 .vis-hq-main.vis-hq-button-base-on {
                    background-color: rgba(230, 233, 29, 0.505);
                    background-image: none;
                }
                #w00587 .vis-hq-main.vis-hq-button-base-off {
                    background-color: rgb(11, 6, 77);
                    background-image: none;
                }
                
                
                OliverIOO Offline
                OliverIOO Offline
                OliverIO
                schrieb am zuletzt editiert von OliverIO
                #24

                @denjo

                Ich kann erst morgen wieder probieren,
                Aber probiere es mal ohne -off
                Also

                vis-hq-main.vis-hq-button-base

                Ich gklaube der Basis Style war da drauf

                Meine Adapter und Widgets
                TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                Links im Profil

                D 1 Antwort Letzte Antwort
                0
                • OliverIOO OliverIO

                  @denjo

                  Ich kann erst morgen wieder probieren,
                  Aber probiere es mal ohne -off
                  Also

                  vis-hq-main.vis-hq-button-base

                  Ich gklaube der Basis Style war da drauf

                  D Offline
                  D Offline
                  denjo
                  schrieb am zuletzt editiert von
                  #25

                  @oliverio

                  .vis-hq-main.vis-hq-button-base-on {
                      background-color: rgba(230, 233, 29, 0.359);
                      background-image: none;
                  }
                  .vis-hq-main.vis-hq-button-base {
                      background-color: rgb(11, 6, 77);
                      background-image: none;
                  }
                  
                  leider auch nicht
                  
                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • D denjo

                    @oliverio

                    .vis-hq-main.vis-hq-button-base-on {
                        background-color: rgba(230, 233, 29, 0.359);
                        background-image: none;
                    }
                    .vis-hq-main.vis-hq-button-base {
                        background-color: rgb(11, 6, 77);
                        background-image: none;
                    }
                    
                    leider auch nicht
                    
                    OliverIOO Offline
                    OliverIOO Offline
                    OliverIO
                    schrieb am zuletzt editiert von
                    #26

                    @denjo

                    du musst das wie folgt nennen

                    .vis-hq-main.vis-hq-button-base-normal {
                    

                    Meine Adapter und Widgets
                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                    Links im Profil

                    D 2 Antworten Letzte Antwort
                    1
                    • OliverIOO OliverIO

                      @denjo

                      du musst das wie folgt nennen

                      .vis-hq-main.vis-hq-button-base-normal {
                      
                      D Offline
                      D Offline
                      denjo
                      schrieb am zuletzt editiert von
                      #27

                      @oliverio funktioniert, besten dank

                      1 Antwort Letzte Antwort
                      0
                      • OliverIOO OliverIO

                        @denjo

                        du musst das wie folgt nennen

                        .vis-hq-main.vis-hq-button-base-normal {
                        
                        D Offline
                        D Offline
                        denjo
                        schrieb am zuletzt editiert von
                        #28

                        @oliverio kurze frage wie findet man das raus?

                        OliverIOO 1 Antwort Letzte Antwort
                        0
                        • D denjo

                          @oliverio kurze frage wie findet man das raus?

                          OliverIOO Offline
                          OliverIOO Offline
                          OliverIO
                          schrieb am zuletzt editiert von
                          #29

                          @denjo

                          Mit den Web Developer Tools, die im Browser eingebaut sind
                          Mit F12 kannst du die öffnen,
                          Dann kannst du dir alle Aspekte einer Seite anschauen.
                          Für diesen Fall gibt es ein Tool, mit der man mit der Maus auf ein bestimmtes HTML Element ziehen kann und schauen, welche CSS Einstellungen dort wirken. Man kann auch direkt dort anpassen und ergänzen und schauen ob es funktioniert.

                          Meine Adapter und Widgets
                          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                          Links im Profil

                          1 Antwort Letzte Antwort
                          0
                          • Dr. BakteriusD Online
                            Dr. BakteriusD Online
                            Dr. Bakterius
                            Most Active
                            schrieb am zuletzt editiert von Dr. Bakterius
                            #30

                            Das geht doch auch direkt im VIS Editor:

                            Screenshot 2025-11-12 113624.png

                            Screenshot 2025-11-12 113819.png

                            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

                            854

                            Online

                            32.5k

                            Benutzer

                            81.6k

                            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