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.
    • V
      vatoslocos @lesiflo last edited by

      @lesiflo Bin ja begeisterter Fan (von erster Stunde an) von deinem View und habe es auch in meinem Haus hängen!
      Habe gesehen das du jetzt ein paar neue Styles etc. reingebracht hast!
      Kannst du das Projekt nochmal bereit stellen. Würde mich gerne ein bisschen umschauen was du so neues gemacht hast!

      Grüße

      1 Reply Last reply Reply Quote 1
      • W
        Wiggins @dos1973 last edited by Wiggins

        @dos1973 Hi, coole VIS. Ich krieg das leider nicht so hin mit dem Import.

        Kannst Du mir sagen welche Widgets das sind für die Toggles?

        Und wenn ich Dein Export importiere bekomme ich bei "Beleuchtung Wohnen gesamt" leider nur die Liste links mit den Lampen, aber keine Beschriftung und eben auch keine der Google/Switche.

        Den Inhalt Deines css Files kopier in Global oder Projekt?

        Kannst Du vielleicht nochmal Deinen aktuellen Stand komplett als Projekt zur Verfügung stellen?
        Das wäre meeeeega!!! DANKE 😉

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

          @Wiggins
          Du brauchts auf jedenfall das material design
          https://forum.iobroker.net/topic/26925/test-adapter-material-design-widgets-v0-2-x

          Dis css kommt nach project.
          Ich hatte nicht wirklich Zeit, der Rest sind bisher nur ideen, nichts was zum zeigen wäre

          W 1 Reply Last reply Reply Quote 1
          • W
            Wiggins @dos1973 last edited by

            @dos1973 Dankeschön! OK, dann spiel ich mal weiter damit. Aber find Dein Design mega!

            1 Reply Last reply Reply Quote 0
            • N
              NukNuk last edited by

              @darkiop sag mal würdest du deine Views zur Verfügung stellen? Sieht auf dem kleinen Vorblick echt schick aus.

              D 1 Reply Last reply Reply Quote 0
              • D
                darkiop Most Active @NukNuk last edited by

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

                @darkiop sag mal würdest du deine Views zur Verfügung stellen? Sieht auf dem kleinen Vorblick echt schick aus.

                Gern, schau mal hier (gibt aber auch noch die ein oder andere Baustelle in meiner VIS :)):

                74da3264-65eb-4e35-bcd5-c5f306909b1b-grafik.png

                2020-02-08-vis-darkiop.zip

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

                  @dos1973

                  Hammer !!!

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

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

                    Startseite
                    fully-screenshot-4.png

                    würdest Du auch mal nur die Startseite exportieren ?
                    Ich möchte mir mal die Farben und das Design angucken.

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

                      @skokarl
                      Paar posts vorher gibt es den export.

                      S Negalein 2 Replies Last reply Reply Quote 0
                      • S
                        skokarl @dos1973 last edited by

                        @dos1973

                        DANKE, aber

                        nee, das ist ja das ganze Projekt, und ich weiß gar nicht ob ich ein zweites Projekt importierten kann ohne mein original kaputt zu machen.

                        Die einzelne View wäre mir lieber.

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

                          @skokarl
                          Einfach als neues Projekt importieren..
                          Da passiert einer View nix...

                          1 Reply Last reply Reply Quote 0
                          • N
                            NukNuk @darkiop last edited by

                            @darkiop vielen Dank, kann ich heut gleich mal etwas stöbern 😄

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

                              Was macht dieser Button ?

                              1.PNG

                              D 1 Reply Last reply Reply Quote 0
                              • Negalein
                                Negalein Global Moderator @dos1973 last edited by

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

                                Paar posts vorher gibt es den export.

                                Servus

                                Hab gesehen, dass du im CSS blur definiert hast.
                                Könnte ich den CSS-Code haben?

                                Glasfaser 1 Reply Last reply Reply Quote 0
                                • Glasfaser
                                  Glasfaser @Negalein last edited by

                                  @Negalein

                                  Hier der CSS aus seinem Projekt :

                                  .hintegrundfarbe_bigbox{
                                  background: #484A5C;
                                  border:1px solid #2B2D3B;
                                  }
                                  
                                  /* das hellblaue 4F5165
                                  /*3E404C */
                                  
                                  
                                  .kod_fanart_verlauf{
                                  box-shadow: inset 700px 0px 150px 8px #161616;
                                  
                                  }
                                  
                                  
                                  
                                  .small_button_aktiv{
                                     border:#7F808F solid 0.5px;
                                     border-radius:4px;
                                     border-left-color:#7F808F;
                                     border-left-width: 10px;
                                     box-sizing:border-box;
                                  }
                                  
                                  .shadown_hg{
                                     box-shadow: 0px 10px 35px -10px
                                     #202020;
                                  }
                                  
                                  .shadown_box{
                                     box-shadow: 0px 12px 35px -12px #000;
                                  }
                                  
                                  
                                  .Menue_ueberschrift{
                                     font-size:20px;
                                     font-family:Jura-DemiBold;
                                     color:#fff;
                                  }
                                  
                                  .linie_unten{
                                  border-bottom: 0.2px solid #acacac;
                                  opacity:0.5;
                                  }
                                  
                                  .linie_oben_unten{
                                  border-top: 2px solid #2B2D3B;
                                  border-bottom: 2px solid #2B2D3B;
                                  
                                  }
                                  
                                  .linie_rechts{
                                  border-right: 1px solid #000;
                                  border-left: 0px solid #000;
                                  border-top: 0px solid #000;
                                  border-bottom: 1px solid #000;
                                  }
                                  
                                  /* ########################## */
                                  
                                  .zentrieren div {
                                     display: flex;
                                     align-items: center; /* vertikal*/
                                     justify-content: center; /* horizontal */
                                  }
                                  
                                  .zentrieren_links div {
                                     display: flex;
                                     align-items: center; /* vertikal*/
                                     justify-content: left; /* horizontal */
                                  }
                                  
                                  .zentrieren_unten div {
                                     display: flex;
                                     align-items: flex-end; /* vertikal*/
                                     justify-content: center; /* horizontal */
                                  }
                                  
                                  .zentrieren_oben_center div {
                                     display: flex;
                                     justify-content: center; /* horizontal */
                                  }
                                  
                                  .zentrieren_oben_links div {
                                     display: flex;
                                     align-items: left; /* vertikal*/
                                  }
                                  
                                  
                                  
                                  /* ########################## */
                                  
                                  
                                  .blur{
                                       /* Add the blur effect */
                                      filter: blur(2px);
                                     -webkit-filter: blur(10px);
                                  }
                                  
                                  .blur2{
                                       /* Add the blur effect */
                                      filter: blur(4px);
                                     -webkit-filter: blur(10px);
                                  }
                                  
                                  .blur3{
                                       /* Add the blur effect */
                                      filter: blur(1px);
                                     -webkit-filter: blur(2px);
                                  }
                                  
                                  
                                  
                                  
                                  

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

                                    @skokarl
                                    In dem export noch nichts, 😉 bastel noch. Aber dort gehts dann zur Übersicht medien etc

                                    Aktuell zeigt er nur das aktuelle Tv Programm

                                    1 Reply Last reply Reply Quote 0
                                    • Negalein
                                      Negalein Global Moderator @Glasfaser last edited by

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

                                      Hier der CSS aus seinem Projekt :

                                      Danke dir

                                      1 Reply Last reply Reply Quote 0
                                      • E
                                        eviltrooper @Flexer last edited by

                                        @Flexer
                                        Welches Video hast du den dort runtergeladen

                                        1 Reply Last reply Reply Quote 0
                                        • Mic
                                          Mic Developer @dos1973 last edited by

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

                                          ich habe auch mal wieder alles umgeworfen
                                          (...)
                                          fully-screenshot-4.png

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

                                          anbei das VIS, wie oben gezeigt (...)
                                          2020-01-15-home6-2.zip

                                          Vielen Dank hiefür! Sehr harmonisch, ausgewogen, smart gewählte Farben, Aufbau etc. Diente für ein Tablet sehr zu Inspiration, habe vieles übernommen.
                                          Auch unter meiner erstmaliger Einbindung vom Widget AppBar (materialdesign Widgets, danke an @Scrounger

                                          D S D3ltoroxp 3 Replies Last reply Reply Quote 0
                                          • D
                                            dos1973 @Mic last edited by

                                            @Mic

                                            Zeig her, wir wollen es sehen...

                                            Mic 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            819
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            267491
                                            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