Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Vorlagen/Ideen MüllPlan VIEW / Widget ?

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    298

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Scheduled Pinned Locked Moved Visualisierung
vis
317 Posts 41 Posters 70.1k Views 49 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • moppel2810M moppel2810

    @crunchip
    Unbenannt1.JPG

    ist das denn normal das da überall -1 steht?

    crunchipC Away
    crunchipC Away
    crunchip
    Forum Testing Most Active
    wrote on last edited by crunchip
    #91

    @moppel2810 ja, weil die Abfrage nicht stimmt.
    Jetzt nochmal, du hast Schwarze Tonne, Blaue Tonne...hinterlegt.
    Im Skript wird nach Restmuell, Papiertonne...gesucht.
    Im anderen Skript ist der Suchstring Rest, Bio, Papier, Gelber Sack
    das muss übereinstimmen, sonst kann er ja nichts finden.
    Also musst du deine Einträge (Schwarze, Blaue, Gelbe, Grüne-Tonne) ändern.
    Oder eben in den Skripten ändern, einfacher ist es aber für dich erstmal deine Tonnen zu ändern, anstatt die Skripte zu ändern

    umgestiegen von Proxmox auf Unraid

    moppel2810M 1 Reply Last reply
    0
    • crunchipC crunchip

      @moppel2810 ja, weil die Abfrage nicht stimmt.
      Jetzt nochmal, du hast Schwarze Tonne, Blaue Tonne...hinterlegt.
      Im Skript wird nach Restmuell, Papiertonne...gesucht.
      Im anderen Skript ist der Suchstring Rest, Bio, Papier, Gelber Sack
      das muss übereinstimmen, sonst kann er ja nichts finden.
      Also musst du deine Einträge (Schwarze, Blaue, Gelbe, Grüne-Tonne) ändern.
      Oder eben in den Skripten ändern, einfacher ist es aber für dich erstmal deine Tonnen zu ändern, anstatt die Skripte zu ändern

      moppel2810M Offline
      moppel2810M Offline
      moppel2810
      wrote on last edited by moppel2810
      #92

      @crunchip
      Ich check das nicht:man-facepalming:
      Hab jetzt alle Namen der Tonnen überall gleich. in den skripten und auch sonst.

      crunchipC GlasfaserG 2 Replies Last reply
      0
      • moppel2810M moppel2810

        @crunchip
        Ich check das nicht:man-facepalming:
        Hab jetzt alle Namen der Tonnen überall gleich. in den skripten und auch sonst.

        crunchipC Away
        crunchipC Away
        crunchip
        Forum Testing Most Active
        wrote on last edited by
        #93

        @moppel2810 was gibt´s denn da nicht zu checken, hehe
        du sollst in deinem Kalender eintragen
        Gelber Sack, Biotonne, Restmuell, Papiertonne...so wie hier zu sehen
        d024102d-ed67-431a-bab3-b11cbba08793-image.png
        und im Adapter diese bei Ereignisse eintragen

        die Skripte so lassen, wie sie sind

        umgestiegen von Proxmox auf Unraid

        moppel2810M 1 Reply Last reply
        0
        • moppel2810M moppel2810

          @crunchip
          Ich check das nicht:man-facepalming:
          Hab jetzt alle Namen der Tonnen überall gleich. in den skripten und auch sonst.

          GlasfaserG Offline
          GlasfaserG Offline
          Glasfaser
          wrote on last edited by
          #94

          @moppel2810

          Hast du überhaupt etwas in den Datenpunkten vorhanden !?

          1.JPG

          Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

          1 Reply Last reply
          0
          • crunchipC crunchip

            @moppel2810 was gibt´s denn da nicht zu checken, hehe
            du sollst in deinem Kalender eintragen
            Gelber Sack, Biotonne, Restmuell, Papiertonne...so wie hier zu sehen
            d024102d-ed67-431a-bab3-b11cbba08793-image.png
            und im Adapter diese bei Ereignisse eintragen

            die Skripte so lassen, wie sie sind

            moppel2810M Offline
            moppel2810M Offline
            moppel2810
            wrote on last edited by
            #95

            @crunchip

            Achso. Ich hab nur die Daten von meinem Entsorger übernommen.

            crunchipC 1 Reply Last reply
            0
            • moppel2810M moppel2810

              @crunchip

              Achso. Ich hab nur die Daten von meinem Entsorger übernommen.

              crunchipC Away
              crunchipC Away
              crunchip
              Forum Testing Most Active
              wrote on last edited by crunchip
              #96

              @moppel2810 ja wenn du das übernehmen willst, dann musst du die Skripte anpassen

              Im skript Abfalltermine diesen Part

              const EINTRAEGE = {                       
                  "Restmuell": 'Vis.muell.restmuell',
                  "Papiertonne": 'Vis.muell.papiertonne',
                  "Biotonne": 'Vis.muell.biotonne',
                  "GelberSack": 'Vis.muell.gelbersack'
              

              und im Müllwarnung dieses

              // User Anpassungen
              var aSuchstringLiteral = ['Rest', 'Bio', 'Papier', 'Gelber Sack']; // Suchbegriff
              var aSuchstring = ['Rest', 'Bio', 'Papier', 'Gelber Sack'];
              

              umgestiegen von Proxmox auf Unraid

              1 Reply Last reply
              0
              • E Offline
                E Offline
                eMd
                wrote on last edited by eMd
                #97

                Screenshot_2019-09-22-19-18-19-127_com.android.chrome.png

                Meine Müllansicht.

                Die Zahlen werden rechtzeitig erst gelb dann rot. Alarm mit rot pulsieren und anschließend blinken ist dann eine Tag vorher schon, weil wir die Tonne ja schon abends rausstellen.

                MfG
                eMd

                Master: Intel NUC 16GB/500GB
                Slave: Raspberry Pi 3 + Homematicmodul
                Shelly, Google Home, Zigbee Aqara, Sonoff

                Meine VIS: https://youtu.be/JMYr2KYlpME

                crunchipC 1 Reply Last reply
                0
                • E eMd

                  Screenshot_2019-09-22-19-18-19-127_com.android.chrome.png

                  Meine Müllansicht.

                  Die Zahlen werden rechtzeitig erst gelb dann rot. Alarm mit rot pulsieren und anschließend blinken ist dann eine Tag vorher schon, weil wir die Tonne ja schon abends rausstellen.

                  MfG
                  eMd

                  crunchipC Away
                  crunchipC Away
                  crunchip
                  Forum Testing Most Active
                  wrote on last edited by
                  #98

                  @eMd soweit sind wir noch nicht, erst muss seine Abfrage stimmen:joy:

                  umgestiegen von Proxmox auf Unraid

                  moppel2810M 1 Reply Last reply
                  0
                  • crunchipC crunchip

                    @eMd soweit sind wir noch nicht, erst muss seine Abfrage stimmen:joy:

                    moppel2810M Offline
                    moppel2810M Offline
                    moppel2810
                    wrote on last edited by
                    #99

                    @crunchip

                    Es geht :v: Danke für deine Geduld ;-)

                    crunchipC 1 Reply Last reply
                    0
                    • moppel2810M moppel2810

                      @crunchip

                      Es geht :v: Danke für deine Geduld ;-)

                      crunchipC Away
                      crunchipC Away
                      crunchip
                      Forum Testing Most Active
                      wrote on last edited by
                      #100

                      @moppel2810 kein Thema, hätte auch schon heut nachmittag funktioniert, wenn du richtig gelesen hättest:+1:

                      umgestiegen von Proxmox auf Unraid

                      1 Reply Last reply
                      1
                      • liv-in-skyL liv-in-sky

                        für interessierte - blinkende rahmen:
                        nochmal danke @crunchip - leicht geändert

                        verschieden farbiges blinken:

                        uml-ani-gif11.gif

                        hier die klasse:

                        kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                        .blink-bunt   {
                          animation: mdui-bunt-blink-ani 2s linear infinite;
                            
                        }
                        @keyframes mdui-bunt-blink-ani {
                          8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                          30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                          60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                          0% {filter: none;}
                        }
                        .blink-bunt-blau   {
                          animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                            
                        }
                        @keyframes mdui-bunt-blau-blink-ani {
                          8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                          30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                          60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                          0% {filter: none;}
                        }
                        
                        moppel2810M Offline
                        moppel2810M Offline
                        moppel2810
                        wrote on last edited by
                        #101

                        @liv-in-sky
                        Kann ich das auch für Anwesendheitssteuerung nutzen? Ich würde gern 2 png Leuchten lassen wenn anwesend und nicht leuchten bei abwesendheit bzw grün anwesend und rot abwesend.

                        1 Reply Last reply
                        0
                        • liv-in-skyL liv-in-sky

                          für interessierte - blinkende rahmen:
                          nochmal danke @crunchip - leicht geändert

                          verschieden farbiges blinken:

                          uml-ani-gif11.gif

                          hier die klasse:

                          kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                          .blink-bunt   {
                            animation: mdui-bunt-blink-ani 2s linear infinite;
                              
                          }
                          @keyframes mdui-bunt-blink-ani {
                            8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                            30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                            60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                            0% {filter: none;}
                          }
                          .blink-bunt-blau   {
                            animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                              
                          }
                          @keyframes mdui-bunt-blau-blink-ani {
                            8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                            30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                            60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                            0% {filter: none;}
                          }
                          
                          moppel2810M Offline
                          moppel2810M Offline
                          moppel2810
                          wrote on last edited by
                          #102

                          @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                          für interessierte - blinkende rahmen:
                          nochmal danke @crunchip - leicht geändert

                          verschieden farbiges blinken:

                          uml-ani-gif11.gif

                          hier die klasse:

                          kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                          .blink-bunt   {
                            animation: mdui-bunt-blink-ani 2s linear infinite;
                              
                          }
                          @keyframes mdui-bunt-blink-ani {
                            8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                            30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                            60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                            0% {filter: none;}
                          }
                          .blink-bunt-blau   {
                            animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                              
                          }
                          @keyframes mdui-bunt-blau-blink-ani {
                            8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                            30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                            60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                            0% {filter: none;}
                          }
                          

                          Kann ich das auch für Anwesendheitssteuerung nutzen? Ich würde gern 2 png Leuchten lassen wenn anwesend und nicht leuchten bei abwesendheit bzw grün anwesend und rot abwesend.

                          liv-in-skyL 1 Reply Last reply
                          0
                          • moppel2810M moppel2810

                            @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                            für interessierte - blinkende rahmen:
                            nochmal danke @crunchip - leicht geändert

                            verschieden farbiges blinken:

                            uml-ani-gif11.gif

                            hier die klasse:

                            kann beliebig variiert werden. zb. dir zeit verändern - oder die %-zahlen - und natürlich die farbcodes selbst

                            .blink-bunt   {
                              animation: mdui-bunt-blink-ani 2s linear infinite;
                                
                            }
                            @keyframes mdui-bunt-blink-ani {
                              8% {filter: drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404) drop-shadow(0px 0px 4px #AEB404); }
                              30% {filter: drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901) drop-shadow(0px 0px 4px #DBA901); }
                              60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                              0% {filter: none;}
                            }
                            .blink-bunt-blau   {
                              animation: mdui-bunt-blau-blink-ani 3s linear infinite;
                                
                            }
                            @keyframes mdui-bunt-blau-blink-ani {
                              8% {filter: drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF) drop-shadow(0px 0px 4px #00BFFF); }
                              30% {filter: drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5) drop-shadow(0px 0px 4px #A9BCF5); }
                              60% {filter: drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040) drop-shadow(0px 0px 4px #FF0040); }
                              0% {filter: none;}
                            }
                            

                            Kann ich das auch für Anwesendheitssteuerung nutzen? Ich würde gern 2 png Leuchten lassen wenn anwesend und nicht leuchten bei abwesendheit bzw grün anwesend und rot abwesend.

                            liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            wrote on last edited by
                            #103

                            @moppel2810

                            es geht mit jedem datenpunkt , welchen du abfragen kannst - egal ob boolean oder string oder zahl

                            das beispiel ist ein schalter für einen lüfter - durch drücken ändert sich der wert - true false - also wie bei anwesenheit

                            test2.gif

                            das steht in der vis:

                            Image 6.png
                            übersetzt: wenn controll-own.0.Luefter3 ist wahr nehme "blink-bunt" aus css-klasse - sonst "blink-red" (blink bunt entspricht bei mir grün)

                            {val:controll-own.0.Luefter3;val=="true"? "blink-bunt":  "blink-red"}
                            

                            das "blink-bunt" und "blink-red" ist in der css klasse definiert
                            Image 7.png

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            moppel2810M 2 Replies Last reply
                            0
                            • liv-in-skyL liv-in-sky

                              @moppel2810

                              es geht mit jedem datenpunkt , welchen du abfragen kannst - egal ob boolean oder string oder zahl

                              das beispiel ist ein schalter für einen lüfter - durch drücken ändert sich der wert - true false - also wie bei anwesenheit

                              test2.gif

                              das steht in der vis:

                              Image 6.png
                              übersetzt: wenn controll-own.0.Luefter3 ist wahr nehme "blink-bunt" aus css-klasse - sonst "blink-red" (blink bunt entspricht bei mir grün)

                              {val:controll-own.0.Luefter3;val=="true"? "blink-bunt":  "blink-red"}
                              

                              das "blink-bunt" und "blink-red" ist in der css klasse definiert
                              Image 7.png

                              moppel2810M Offline
                              moppel2810M Offline
                              moppel2810
                              wrote on last edited by
                              #104

                              @liv-in-sky
                              Geht das auch wenn ich einfach ein img in die vis einfüge oder muss ich da was spezieles nehmen?

                              liv-in-skyL 1 Reply Last reply
                              0
                              • moppel2810M moppel2810

                                @liv-in-sky
                                Geht das auch wenn ich einfach ein img in die vis einfüge oder muss ich da was spezieles nehmen?

                                liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                wrote on last edited by liv-in-sky
                                #105

                                @moppel2810 müßte auch mit image funktionieren - den css eintrag unter generell im image-widget gibt es ja dort auch

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                1 Reply Last reply
                                0
                                • liv-in-skyL liv-in-sky

                                  @moppel2810

                                  es geht mit jedem datenpunkt , welchen du abfragen kannst - egal ob boolean oder string oder zahl

                                  das beispiel ist ein schalter für einen lüfter - durch drücken ändert sich der wert - true false - also wie bei anwesenheit

                                  test2.gif

                                  das steht in der vis:

                                  Image 6.png
                                  übersetzt: wenn controll-own.0.Luefter3 ist wahr nehme "blink-bunt" aus css-klasse - sonst "blink-red" (blink bunt entspricht bei mir grün)

                                  {val:controll-own.0.Luefter3;val=="true"? "blink-bunt":  "blink-red"}
                                  

                                  das "blink-bunt" und "blink-red" ist in der css klasse definiert
                                  Image 7.png

                                  moppel2810M Offline
                                  moppel2810M Offline
                                  moppel2810
                                  wrote on last edited by
                                  #106

                                  @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                  {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                  {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                  wie bzw wo bekomm ich den blink code für die css klasse her?

                                  crunchipC liv-in-skyL 2 Replies Last reply
                                  0
                                  • moppel2810M moppel2810

                                    @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                    {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                    {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                    wie bzw wo bekomm ich den blink code für die css klasse her?

                                    crunchipC Away
                                    crunchipC Away
                                    crunchip
                                    Forum Testing Most Active
                                    wrote on last edited by
                                    #107

                                    @moppel2810 Das ist in dem Material Design Css Skript hinterlegt
                                    https://github.com/Uhula/ioBroker-Material-Design-Style

                                    umgestiegen von Proxmox auf Unraid

                                    1 Reply Last reply
                                    1
                                    • moppel2810M moppel2810

                                      @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                      {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                      {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                      wie bzw wo bekomm ich den blink code für die css klasse her?

                                      liv-in-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      wrote on last edited by liv-in-sky
                                      #108

                                      @moppel2810 sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                      @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                      {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                      {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                      wie bzw wo bekomm ich den blink code für die css klasse her?

                                      mit dem austausch liegst du richtig - statt lüfter kannst du ping/tr064 benutzen

                                      weiter oben ist der im post - hier nochmal:

                                      für rot blinkend:

                                      .blink-red   {
                                       animation: mdui-red-blink-ani 3s linear infinite;
                                      }
                                      @keyframes mdui-red-blink-ani  {
                                       0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
                                       51% {filter: none;}
                                      
                                      }
                                      .blink-yellow {
                                       animation: mdui-yellow-blink-ani 1s linear infinite;
                                      }
                                      @keyframes mdui-yellow-blink-ani  {
                                       0%,70% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
                                       71% {filter: none;}
                                      
                                      }
                                      
                                      
                                      

                                      für gelb-grün blinkend

                                      .blink-bunt   {
                                       animation: mdui-bunt-blink-ani 3s linear infinite;
                                         
                                      }
                                      @keyframes mdui-bunt-blink-ani {
                                       8% {filter: drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00); }
                                       30% {filter: drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A); }
                                       60% {filter: drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F); }
                                       0% {filter: none;}
                                      }
                                      
                                      .blink-lila   {
                                       animation: mdui-lila-blink-ani 3s linear infinite;
                                         
                                      }
                                      

                                      für drehend vertikal

                                      
                                      .anime { animation: turner 4s infinite linear !important}
                                       
                                      @keyframes turner{
                                         from{  transform: rotateY(0deg)   }
                                         to  {  transform: rotateY(360deg) }
                                      }
                                      

                                      für drehend horizontal

                                      .anime2 { animation: turner2 4s infinite linear !important}
                                       
                                      @keyframes turner2{
                                         from{  transform: rotateX(0deg)   }
                                         to  {  transform: rotateX(360deg) }
                                      }
                                      
                                      .player {
                                         background: #273B7C !important;
                                      }
                                      
                                      .anime { animation: turner 4s infinite linear !important}
                                       
                                      @keyframes turner{
                                         from{  transform: rotateY(0deg)   }
                                         to  {  transform: rotateY(360deg) }
                                      }
                                      
                                      
                                      

                                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                      moppel2810M 1 Reply Last reply
                                      2
                                      • liv-in-skyL liv-in-sky

                                        @moppel2810 sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                        @liv-in-sky said in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

                                        {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"}

                                        {val:controll-own.0.Luefter3;val=="true"? "blink-bunt": "blink-red"} da tausche ich einfach "controll-own.0.Luefter3" gegen meinen ping oder tr-064?

                                        wie bzw wo bekomm ich den blink code für die css klasse her?

                                        mit dem austausch liegst du richtig - statt lüfter kannst du ping/tr064 benutzen

                                        weiter oben ist der im post - hier nochmal:

                                        für rot blinkend:

                                        .blink-red   {
                                         animation: mdui-red-blink-ani 3s linear infinite;
                                        }
                                        @keyframes mdui-red-blink-ani  {
                                         0%,50% {filter: drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336) drop-shadow(0px 0px 4px #F44336); }
                                         51% {filter: none;}
                                        
                                        }
                                        .blink-yellow {
                                         animation: mdui-yellow-blink-ani 1s linear infinite;
                                        }
                                        @keyframes mdui-yellow-blink-ani  {
                                         0%,70% {filter: drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B) drop-shadow(0px 0px 4px #FFDB3B); }
                                         71% {filter: none;}
                                        
                                        }
                                        
                                        
                                        

                                        für gelb-grün blinkend

                                        .blink-bunt   {
                                         animation: mdui-bunt-blink-ani 3s linear infinite;
                                           
                                        }
                                        @keyframes mdui-bunt-blink-ani {
                                         8% {filter: drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00) drop-shadow(0px 0px 4px #FFFF00); }
                                         30% {filter: drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A) drop-shadow(0px 0px 4px #01DF3A); }
                                         60% {filter: drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F) drop-shadow(0px 0px 4px #2BF23F); }
                                         0% {filter: none;}
                                        }
                                        
                                        .blink-lila   {
                                         animation: mdui-lila-blink-ani 3s linear infinite;
                                           
                                        }
                                        

                                        für drehend vertikal

                                        
                                        .anime { animation: turner 4s infinite linear !important}
                                         
                                        @keyframes turner{
                                           from{  transform: rotateY(0deg)   }
                                           to  {  transform: rotateY(360deg) }
                                        }
                                        

                                        für drehend horizontal

                                        .anime2 { animation: turner2 4s infinite linear !important}
                                         
                                        @keyframes turner2{
                                           from{  transform: rotateX(0deg)   }
                                           to  {  transform: rotateX(360deg) }
                                        }
                                        
                                        .player {
                                           background: #273B7C !important;
                                        }
                                        
                                        .anime { animation: turner 4s infinite linear !important}
                                         
                                        @keyframes turner{
                                           from{  transform: rotateY(0deg)   }
                                           to  {  transform: rotateY(360deg) }
                                        }
                                        
                                        
                                        

                                        moppel2810M Offline
                                        moppel2810M Offline
                                        moppel2810
                                        wrote on last edited by
                                        #109

                                        @liv-in-sky

                                        was muss ich ändern das es nicht blinkt bzw nur leuchtet?
                                        Hab gerade noch ein Problem und zwar funktioniert es in der vis vorschau auf dem PC aber nicht auf dem Tablet:face_with_rolling_eyes:

                                        T liv-in-skyL 2 Replies Last reply
                                        0
                                        • moppel2810M moppel2810

                                          @liv-in-sky

                                          was muss ich ändern das es nicht blinkt bzw nur leuchtet?
                                          Hab gerade noch ein Problem und zwar funktioniert es in der vis vorschau auf dem PC aber nicht auf dem Tablet:face_with_rolling_eyes:

                                          T Offline
                                          T Offline
                                          tempestas
                                          wrote on last edited by
                                          #110

                                          @moppel2810

                                          Welches Tablet hast du?
                                          Wenn es sehr alt ist, kann es sein, dass das Klassen nicht funktionieren. ZB auf meinem alten Fire HD Tablet ist das so

                                          <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          466

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe