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

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

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

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

      @lesiflo Danke für die info

      1 Reply Last reply Reply Quote 0
      • X
        xADDRx last edited by

        Hi becksyyy,

        hier die Bilder.
        Bild1.jpg Wallpaper-Hd1.jpg

        1 Reply Last reply Reply Quote 0
        • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            863
                                            Online

                                            31.6k
                                            Users

                                            79.4k
                                            Topics

                                            1.3m
                                            Posts

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