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. Skripten / Logik
  4. TV Spielfilm - CSS Einstellungen

NEWS

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

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.2k

TV Spielfilm - CSS Einstellungen

Geplant Angeheftet Gesperrt Verschoben Skripten / Logik
4 Beiträge 3 Kommentatoren 1.0k Aufrufe
  • Ä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.
  • bahnuhrB Online
    bahnuhrB Online
    bahnuhr
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #1

    Guten Morgen,

    habe o.g. Adapter installiert.

    In der Hilfe stand, dass man folgendes in die CSS kopieren soll (wg. Formatierung).

    (in VIS Lasche rechts vom Widget).

    ! ````
    .tclass-th { /* Headerzeilen /
    background-color: darkgrey;
    background-color: rgba(100,100,100,0.8);
    color: white;
    font-weight: bold;
    font-family: Arial;
    }
    ! .tclass-th1 { /
    linker Header /
    width: 20px;
    text-align: center;
    color: transparent; /
    Text ausblenden /
    /
    display: none; / / ganze Spalte ausblenden /
    }
    ! .tclass-th .tclass-th1 {
    display: none; /
    Spaltenüberschrift überm Bild ausblenden*/
    }
    ! .tclass-tr {
    color: red;
    }
    ! .tclass-tr:nth-child(odd) {
    background-color: darkgreen;
    background-color: rgba(50,120,80,0.6);
    }
    ! .tclass-tr:nth-child(even) {
    color: yellow;
    background-color: darkred;
    background-color: rgba(150,150,150,0.2);
    }
    ! .tv_tipps,
    .tv_jetzt,
    .tv_filme,
    .tv_heute2015,
    .tv_heute2200 {
    font-family: Arial;
    font-size: 75%;
    }
    ! .tv_tipps tr,
    .tv_jetzt tr,
    .tv_filme tr,
    .tv_heute2015 tr,
    .tv_heute2200 tr {
    background-color: transparent;
    color: white;
    }
    ! .tv_tipps tr td a,
    .tv_jetzt tr td a,
    .tv_filme tr td a,
    .tv_heute2015 tr td a,
    .tv_heute2200 tr td a {
    background-color: transparent;
    color: white;
    text-decoration: none;
    }
    /* JETZT ENHANCED */
    .tv_jetzt tr td a {
    font-size: 130%;
    }

    
    Dies ändert aber auch die Formatierung für mein Widget "basic-table" für die Anzeige der Telefon-Anrufer.
    
    Frage:
    
    Wie verhindert man, dass andere widgets betroffen sind.
    
    mfg
    
    Dieter

    Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
    Danke.
    gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
    ScreenToGif :https://www.screentogif.com/downloads.html

    1 Antwort Letzte Antwort
    0
    • HomoranH Nicht stören
      HomoranH Nicht stören
      Homoran
      Global Moderator Administrators
      schrieb am zuletzt editiert von
      #2

      Hallo Dieter,

      nachdem mir das damals ebenfalls passiert war, habe ich die Sonderformatierung wieder rausgenommen.

      Ich bin leider nicht fit in css.

      Beim Schreiben der Doku für vis musste ich mich jedoch ein wenig damit beschäftigen.

      Bei jedem Widget kann eine CSS-Klasse bestimmt werden mit der dieses Widget angezeigt werden soll.

      Jetzt muss nur noch ein CSS-Kundiger diese Beschreibung in eine eindeutige woanders nicht benutzte CSS-Klasse ändern, dann kann man diese Beschreibung selektiv einzelnen Widgets zuordnen.

      Wenn ich das alles so korrekt verstanden habe.

      Gruß

      Rainer

      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

      1 Antwort Letzte Antwort
      0
      • bahnuhrB Online
        bahnuhrB Online
        bahnuhr
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #3

        Moin,

        ja das hört sich schlüssig an.

        Nur wissen wir halt beide nicht wie.

        mfg

        Dieter


        Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
        Danke.
        gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
        ScreenToGif :https://www.screentogif.com/downloads.html

        1 Antwort Letzte Antwort
        0
        • P Offline
          P Offline
          pix
          schrieb am zuletzt editiert von
          #4

          Hallo,

          für den Anfang könnt ihr mal den oberen Teil der CSS-Anweisungen weglassen. Also

          ! Diesen Code rauslöschen

          .tclass-th { /* Headerzeilen */
              background-color: darkgrey;
              background-color: rgba(100,100,100,0.8);
              color: white;
              font-weight: bold;
              font-family: Arial;
          }
          >! .tclass-th1 { /* linker Header */ 
              width: 20px;
              text-align: center;
              color: transparent; /* Text ausblenden */
              /* display: none; */ /* ganze Spalte ausblenden */
          }
          >! .tclass-th .tclass-th1 {
              display: none; /* Spaltenüberschrift überm Bild ausblenden*/
          }
          >! .tclass-tr {
              color: red;
          }
          >! .tclass-tr:nth-child(odd) {
              background-color: darkgreen;
              background-color: rgba(50,120,80,0.6);
          }
          >! .tclass-tr:nth-child(even) {
              color: yellow;
              background-color: darkred;
              background-color: rgba(150,150,150,0.2);
          }
          

          Gruß

          Pix

          ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

          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

          719

          Online

          32.6k

          Benutzer

          82.2k

          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