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. Vorlagen/Ideen MüllPlan VIEW / Widget ?

NEWS

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

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

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

Vorlagen/Ideen MüllPlan VIEW / Widget ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
317 Beiträge 41 Kommentatoren 63.6k Aufrufe 49 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.
  • 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
    schrieb am zuletzt editiert von 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 Antworten Letzte Antwort
    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 Abwesend
      crunchipC Abwesend
      crunchip
      Forum Testing Most Active
      schrieb am zuletzt editiert von
      #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 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #95

          @crunchip

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

          crunchipC 1 Antwort Letzte Antwort
          0
          • moppel2810M moppel2810

            @crunchip

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

            crunchipC Abwesend
            crunchipC Abwesend
            crunchip
            Forum Testing Most Active
            schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
            0
            • E Offline
              E Offline
              eMd
              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
              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 Abwesend
                crunchipC Abwesend
                crunchip
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #98

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

                umgestiegen von Proxmox auf Unraid

                moppel2810M 1 Antwort Letzte Antwort
                0
                • crunchipC crunchip

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

                  moppel2810M Offline
                  moppel2810M Offline
                  moppel2810
                  schrieb am zuletzt editiert von
                  #99

                  @crunchip

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

                  crunchipC 1 Antwort Letzte Antwort
                  0
                  • moppel2810M moppel2810

                    @crunchip

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

                    crunchipC Abwesend
                    crunchipC Abwesend
                    crunchip
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #100

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

                    umgestiegen von Proxmox auf Unraid

                    1 Antwort Letzte Antwort
                    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
                      schrieb am zuletzt editiert von
                      #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 Antwort Letzte Antwort
                      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
                        schrieb am zuletzt editiert von
                        #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 Antwort Letzte Antwort
                        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
                          schrieb am zuletzt editiert von
                          #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 Antworten Letzte Antwort
                          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
                            schrieb am zuletzt editiert von
                            #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 Antwort Letzte Antwort
                            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
                              schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                              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
                                schrieb am zuletzt editiert von
                                #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 Antworten Letzte Antwort
                                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 Abwesend
                                  crunchipC Abwesend
                                  crunchip
                                  Forum Testing Most Active
                                  schrieb am zuletzt editiert von
                                  #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 Antwort Letzte Antwort
                                  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
                                    schrieb am zuletzt editiert von 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 Antwort Letzte Antwort
                                    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
                                      schrieb am zuletzt editiert von
                                      #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 Antworten Letzte Antwort
                                      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
                                        schrieb am zuletzt editiert von
                                        #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 Antwort Letzte Antwort
                                        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:

                                          liv-in-skyL Offline
                                          liv-in-skyL Offline
                                          liv-in-sky
                                          schrieb am zuletzt editiert von liv-in-sky
                                          #111

                                          @moppel2810

                                          leuchte dauernd:

                                          .leuchte   {
                                           animation: mdui-leuchte-ani 10s linear infinite;
                                             
                                          }
                                          @keyframes mdui-leuchte-ani {
                                           0%, 100% {filter: drop-shadow(0px 0px 4px #DF013A) drop-shadow(0px 0px 4px #DF013A) drop-shadow(0px 0px 4px #DF013A); }
                                          
                                          }
                                          
                                          

                                          wie @tempestas schon erwähnte - ich ahbe auch ein sehr altes samsung tablet - da geht es auch nicht

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

                                          450

                                          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