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. Textfarbe bei Link UND Binding ändern

NEWS

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

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

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Textfarbe bei Link UND Binding ändern

Geplant Angeheftet Gesperrt Verschoben Visualisierung
3 Beiträge 2 Kommentatoren 243 Aufrufe 2 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.
  • O Offline
    O Offline
    OliS
    schrieb am zuletzt editiert von
    #1

    Hallo zusammen,

    aktuell nutze ich zur Übersicht ob ein Gerät erreichbar ist die Farbumschaltung mit Binding. Um direkt auf das gerät zuzugreifen wollte ich jetzt den reinen Text als Link ersetzen (kein Problem). Der Text wäre jetzt normal blau, auch weniger ein Problem -> über CSS ist der Text jetzt wieder grün. ABER wie kombiniere ich beides und vor allem wie für mehrere Geräte (das CSS gilt ja übergreifend)?

    Das wäre mein Eintrag fürs einfache Binding
    {h:0_userdata.0.WD.WD_AhoyDTU;h == true ? "#00ff00" :"#e92b2d"}

    und das hier ist bei CSS eingetragen:
    .textfarbe a:link,
    .textfarbe a:visited,
    .textfarbe a:active,
    .textfarbe a:hover
    {
    color:#00ff00;
    text-decoration:none;
    }

    CodierknechtC 1 Antwort Letzte Antwort
    0
    • O OliS

      Hallo zusammen,

      aktuell nutze ich zur Übersicht ob ein Gerät erreichbar ist die Farbumschaltung mit Binding. Um direkt auf das gerät zuzugreifen wollte ich jetzt den reinen Text als Link ersetzen (kein Problem). Der Text wäre jetzt normal blau, auch weniger ein Problem -> über CSS ist der Text jetzt wieder grün. ABER wie kombiniere ich beides und vor allem wie für mehrere Geräte (das CSS gilt ja übergreifend)?

      Das wäre mein Eintrag fürs einfache Binding
      {h:0_userdata.0.WD.WD_AhoyDTU;h == true ? "#00ff00" :"#e92b2d"}

      und das hier ist bei CSS eingetragen:
      .textfarbe a:link,
      .textfarbe a:visited,
      .textfarbe a:active,
      .textfarbe a:hover
      {
      color:#00ff00;
      text-decoration:none;
      }

      CodierknechtC Online
      CodierknechtC Online
      Codierknecht
      Developer Most Active
      schrieb am zuletzt editiert von
      #2

      @olis
      Das Binding steuert bei mir die CSS-Klasse

      137781fb-53a3-4b88-b875-eb748438fa67-image.png

      {val:sonoff.0.DVES_1E0CF5.POWER;val == 'true' ? 'plugOn' : 'plugOff'}
      

      Und die enthält die Farben

      .plugOn, .plugOn a {
          color: green!important;
          text-decoration: none;
      }
      .plugOff, .plugOff a {
          color: coral!important;
          text-decoration: none;
      }
      

      "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

      Proxmox 9.1.1 LXC|8 GB|Core i7-6700
      HmIP|ZigBee|Tasmota|Unifi
      Zabbix Certified Specialist
      Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

      O 1 Antwort Letzte Antwort
      1
      • CodierknechtC Codierknecht

        @olis
        Das Binding steuert bei mir die CSS-Klasse

        137781fb-53a3-4b88-b875-eb748438fa67-image.png

        {val:sonoff.0.DVES_1E0CF5.POWER;val == 'true' ? 'plugOn' : 'plugOff'}
        

        Und die enthält die Farben

        .plugOn, .plugOn a {
            color: green!important;
            text-decoration: none;
        }
        .plugOff, .plugOff a {
            color: coral!important;
            text-decoration: none;
        }
        
        O Offline
        O Offline
        OliS
        schrieb am zuletzt editiert von
        #3

        @codierknecht

        da war ich ja fast dran :+1:
        Klasse danke für die Hilfe

        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

        545

        Online

        32.4k

        Benutzer

        81.5k

        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