Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 3

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Einfach mal zeigen will….. :-) - Teil 3

    This topic has been deleted. Only users with topic management privileges can see it.
    • T
      Tony H. @dos1973 last edited by

      @dos1973 da würde ich gerne mehr von sehen. Die Untermenüs usw. Wenn sich das einrichten lässt.

      1 Reply Last reply Reply Quote 0
      • Jens Meyer
        Jens Meyer @dos1973 last edited by

        @dos1973
        Bzw zur Verfügung zu stellen ?
        Sieht sehr aufgeräumt aus…

        D 1 Reply Last reply Reply Quote 0
        • D
          dos1973 @Jens Meyer last edited by

          ist noch work in Progress 😉 ich weiß noch nicht wie es weitergeht - ich lass es dann meistens 1-2 Tage einfach stehen um zu sehen Obst mir immer noch gefällt

          Jens Meyer 1 Reply Last reply Reply Quote 0
          • Jens Meyer
            Jens Meyer @dos1973 last edited by

            @dos1973
            Gut Ding will Weile haben..

            1 Reply Last reply Reply Quote 0
            • S
              skokarl @dos1973 last edited by

              @dos1973

              würdest Du bitte mal eins der unteren Widgets hier einstellen ?
              Das ist vom Design wirklich gelungen.
              Danke

              L 1 Reply Last reply Reply Quote 0
              • L
                locito09 @skokarl last edited by locito09

                Hallo Zusammen

                Ich möchte auch mal meine VIS zur Inspiration, Zeigen

                Unbenannt.PNG

                Ich weiss die Startseiten ist ein wenig überladen, wird aber demnächst abgespeckt 🙂

                Und einmal die Rohdaten:

                Unbenannt1.PNG

                • Wenn es Regnet gibt es eine Gif mit Regentropfen, bei Nacht Schwarzen Mond mit Wolke

                • Waschmaschiene, Post, Wäschetrockner, Pflanzen (GIF) werden nur eingeblendet wenn eingeschalten, mit Hintergrund

                • Geburtstage Einblendung 1 Tag vorher (GIF)

                • Batterie bei der Zeit, wen Batterie Stand der verbundenen Geräte niedrig

                • Bei Medien jeweils das Symbol was gerade für ein Gerät eingeschaltet wurde (Nvidia Shield,PS5, Xbox One usw.)

                weitere Seiten:

                Rasenmäher
                Unbenannt3.PNG

                Pflanzen
                Unbenannt4.PNG

                Internet Sperre für Kinder
                Unbenannt5.PNG

                Licht
                Unbenannt7.PNG

                Staubsauger
                Unbenannt8.PNG

                D Horst Böttcher 2 Replies Last reply Reply Quote 5
                • D
                  dos1973 @locito09 last edited by

                  @locito09
                  gefällt mir, ganz besonders die Pflanzen Seite, richtig stylish!
                  das grün ist Geschmacksache, aber finde ich echt gut gelungen.

                  L 1 Reply Last reply Reply Quote 1
                  • L
                    locito09 @dos1973 last edited by

                    @dos1973

                    Das grün ist das schönste Grün, das hat meine Tochter ausgewählt (8Jahre Alt 🙂 )

                    Ich möchte mich auf diese weisse auch bei dir Bedanken, habe viele Inspirationen von dir aus einen älteren Post )
                    Bin immer wieder fasziniert von deinen neuen VIS 👍

                    D 1 Reply Last reply Reply Quote 0
                    • D
                      dos1973 @locito09 last edited by

                      @locito09
                      Danke,
                      das ein oder kam mir bekannt vor 😉
                      Aber genau deshalb machen wir das auch um uns gegenseitig zu inspirieren.

                      Das grün ist wirklich toll 😉

                      1 Reply Last reply Reply Quote 1
                      • Horst Böttcher
                        Horst Böttcher @locito09 last edited by Horst Böttcher

                        @locito09 wie schaltest du den pc in deiner vis
                        @dos1973 würdest du deine vis Teilen diese gefällt mit sehr

                        L D 2 Replies Last reply Reply Quote 0
                        • L
                          locito09 @Horst Böttcher last edited by

                          @horst-böttcher
                          Den PC schalte ich über einen Script ein , such mal nach WOL Script .

                          1 Reply Last reply Reply Quote 0
                          • D
                            dos1973 @Horst Böttcher last edited by

                            @horst-böttcher

                            Da ist noch nichts weiter entstanden als diese erste Seite… ich weiß nicht wie ich weitermachen soll, meine weiteren Versuche gefallen mir nicht…

                            1 Reply Last reply Reply Quote 1
                            • Bostil
                              Bostil @dos1973 last edited by

                              @dos1973 Also mal ein großes Kompliment!! Hantiere schon nun ein Jahr rum und war bisher nie zufrieden, was ich mit relativ viel Aufwand und doch mit einem höheren Anspruch an Design, gebastelt habe.

                              Aber deine Übersicht gefiel mir nun so gut, dass ich sie einfach fast eins zu eins abkupfern musste ! Sorry dafür! Habe es natürlich noch etwas angepasst und habe es gerne so, dass man mit Klick auf eine Kategorie dann ein den jeweiligen Inhalt per "View in Widget" über deiner Navi-Bar anzeigt und zeitgleich Datum/Uhrzeit und Wetter ausblendet, um Platz zu schaffen.

                              @dos1973
                              Darf ich fragen, ob du in deiner Navi-Bar per CSS einen blur-effekt eingefügt hast?

                              Es ist nur eine Vis, aber nein ... Wirklich sehr toll! Danke für die Inspiration! Hoffe, du hast auch bald deine perfekte Vis gefunden! 😉

                              D 1 Reply Last reply Reply Quote 1
                              • D
                                dos1973 @Bostil last edited by

                                @bostil

                                Bitte Zeigen, was du gebaut hast 😉

                                den gleichen weg mit den Menüs habe ich auch eingeschlagen… die karten unten zeigen dann den entsprechenden content.

                                Ja ich nutzte blur, kann es dir dass css später einstellen

                                Bostil 1 Reply Last reply Reply Quote 2
                                • Bostil
                                  Bostil @dos1973 last edited by Bostil

                                  @dos1973 Ach klar ... sehe gerade auch nochmal den kleinen Text unterhalb, wo du darauf hinweist. Und der CSS-Schnipsel wäre natürlich genial - Danke schonmal! 🙂

                                  OK, dann mache ich das mal ... Entschuldige bitte das stumpfe Abkupfern - aber durch deine VIS bin ich wieder inspiriert und auch motiviert hieran wieder weiterzuarbeiten. Macht einfach mehr Spaß, wenn es wieder den eigenen Geschmack trifft. Muss noch viel Zeit reinstecken, insbesondere in die farbliche Abstimmung und die jeweiligen Inhaltsbildschirme.

                                  2021-10-11 21_03_18-Clipboard.jpg

                                  2021-10-11 21_04_15-Clipboard.jpg

                                  2021-10-11 21_05_09-Clipboard.jpg

                                  D 1 Reply Last reply Reply Quote 1
                                  • D
                                    dos1973 @Bostil last edited by

                                    @bostil
                                    wie hast du denn den roten Baum gefunden 😉

                                    ich hab auch noch etwas weitergemacht leicht modifiziert, aber nur wenig

                                    Bildschirmfoto 2021-10-11 um 21.10.05.png

                                    view in widget für einzelnen Kachel, bisher nur die eine...
                                    Bildschirmfoto 2021-10-11 um 21.10.23.png

                                    Horst Böttcher 1 Reply Last reply Reply Quote 4
                                    • Horst Böttcher
                                      Horst Böttcher @dos1973 last edited by Horst Böttcher

                                      @dos1973 währe auch gerne so begabt
                                      @bostil

                                      wie hast du das Witget mit dem Wetter gemach und welcher Adapter ist das

                                      Bostil 2 Replies Last reply Reply Quote 0
                                      • Bostil
                                        Bostil @Horst Böttcher last edited by

                                        @horst-böttcher Das müsste einfach der "DasWetter"-Adapter sein. Der Rest ist dann fast selbsterklärend. Im Sonnensymbol habe ich bloß noch die Anzahl der Wochenstunden dargestellt (für PV-Anlage interessant).

                                        Kann gerne einen Export später bereitstellen.

                                        Horst Böttcher 1 Reply Last reply Reply Quote 0
                                        • Horst Böttcher
                                          Horst Böttcher @Bostil last edited by

                                          @bostil ja das währe nett

                                          D 1 Reply Last reply Reply Quote 0
                                          • D
                                            dos1973 @Horst Böttcher last edited by

                                            @Bostil
                                            @bostil sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

                                            der CSS-Schnipsel wäre natürlich genial - Danke schonmal!

                                            hier dass css für den "blurr" Effekt
                                            kannst die RGBA Farben und die Intensität der opacity nach eigenen Wünschen einstellen.

                                            .glass_weiss {
                                                background: linear-gradient(20deg, rgba(255,255, 255, 0.9), rgba(255, 255, 255, 0.2));
                                                    backdrop-filter: blur(15px);
                                                -webkit-backdrop-filer: blur(15px);
                                            }
                                            
                                            Bostil C Horst Böttcher 3 Replies Last reply Reply Quote 2
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            445
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            268119
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo