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. Sonos Widget CSS Custom

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    445

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

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

Sonos Widget CSS Custom

Geplant Angeheftet Gesperrt Verschoben Ungelöst Visualisierung
material css
1 Beiträge 1 Kommentatoren 335 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.
  • Q Offline
    Q Offline
    qosi
    schrieb am zuletzt editiert von qosi
    #1

    Hallo,

    ich habe im CSS Tab, mit den Sonos Controls vom Sonos Player und Backgroud etwas rum gespielt.
    Einige Sachen haben funktioniert, wie z.B. das ich den Background und die Lautstärke Leiste ausblenden konnte.

    .sonos-master-volume {
        margin-bottom: 0%;
        margin-top: 3%;
        margin-left: -250px;
        height: 5px;
        position: fixed;
        width: calc(150%);
        **opacity: 0;**
    }
    
    

    Leider funktioniert die Größen Änderung, mit diesem Code hier, nur in der VIS Vorschau und im Browser Entwicklungsmodus.

    .sonos-landscape .sonos-controls img {
        **width: 30%;**   /*orginal 16%*/
        height: 16%;
        transition: background 0.05s;
        border-radius: 4%;
    

    Warum? Jedes mal wenn die Seite neu geladen wird, stehen da immer die 16%...:disappointed_relieved:
    Hoffe jemand kann mir das erklären...

    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

    608

    Online

    32.7k

    Benutzer

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