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 2

    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 2

    This topic has been deleted. Only users with topic management privileges can see it.
    • StM47
      StM47 last edited by

      Hi, schön dass dir meine Arbeit gefällt.

      Der Homebutton wurde per Photoshop direkt auf das Hintergrundbild gelegt und anschließend per HTML verlinkt.

      @Andre_NMB:

      @StM47:

      Hier bitte schön.

      Bildschirmfoto 2018-11-24 um 16.57.31.png `

      Das findet ich sehr stark aufgebaut. Gefällt mir sehr gut.

      So ähnlich würde ich mein VIS auch aufbauen wollen.

      Wie hast du das mit dem Home LOGO (links unten) gemacht?

      Was ich mir auch noch anschauen muss ist das mit der Anwesenheit der aktiven Geräte/Personen. `

      1 Reply Last reply Reply Quote 0
      • A
        Andre_NMB last edited by

        Ah jetzt habe ich da voll die Idee. 😄

        Müsste es doch auch möglich sein eine komplette Navigationsleiste so zu gestalten.

        Muss ich nur mal sehen, wie ich da eine Animation bzw. einen Effekt noch mit reinbekomme,

        wie bei einen ganz normalen Button.

        @StM47:

        Der Homebutton wurde per Photoshop direkt auf das Hintergrundbild gelegt und anschließend per HTML verlinkt. `

        1 Reply Last reply Reply Quote 0
        • S
          stimezo Forum Testing last edited by

          @StM47:

          Hi, schönes Widget.

          wie hast du das realisiert, dass du die günstigste Tankstelle markiert bekommst?

          @stimezo:

          Tankerkönig mit Markierung der günstigsten Tankstelle 🙂

          tanker.jpg

          Hi stM47,

          Ich habe jeweils unter die Preise das grüne Feld gelegt, dieses wird über die Sichtbarkeit aktiviert/deaktiviert.

          Also falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren.

          Viele Grüße

          Christian

          1 Reply Last reply Reply Quote 0
          • StM47
            StM47 last edited by

            Bitte Ergebnis dann hier posten!

            @Andre_NMB:

            Ah jetzt habe ich da voll die Idee. 😄

            Müsste es doch auch möglich sein eine komplette Navigationsleiste so zu gestalten.

            Muss ich nur mal sehen, wie ich da eine Animation bzw. einen Effekt noch mit reinbekomme,

            wie bei einen ganz normalen Button.

            @StM47:

            Der Homebutton wurde per Photoshop direkt auf das Hintergrundbild gelegt und anschließend per HTML verlinkt.

            1 Reply Last reply Reply Quote 0
            • StM47
              StM47 last edited by

              Hi Christian,

              danke für die Antwort!

              falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren

              Muss ich dass mit Blockly erstellen oder gibt es eine andere Möglichkeit?

              @stimezo:

              @StM47:

              Hi, schönes Widget.

              wie hast du das realisiert, dass du die günstigste Tankstelle markiert bekommst?

              @stimezo:

              Tankerkönig mit Markierung der günstigsten Tankstelle 🙂

              tanker.jpg

              Hi stM47,

              Ich habe jeweils unter die Preise das grüne Feld gelegt, dieses wird über die Sichtbarkeit aktiviert/deaktiviert.

              Also falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren.

              Viele Grüße

              Christian `

              1 Reply Last reply Reply Quote 0
              • S
                stimezo Forum Testing last edited by

                @StM47:

                Hi Christian,

                danke für die Antwort!

                falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren

                Muss ich dass mit Blockly erstellen oder gibt es eine andere Möglichkeit?

                @stimezo:

                @StM47:

                Hi, schönes Widget.

                wie hast du das realisiert, dass du die günstigste Tankstelle markiert bekommst? `

                Hi stM47,

                Ich habe jeweils unter die Preise das grüne Feld gelegt, dieses wird über die Sichtbarkeit aktiviert/deaktiviert.

                Also falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren.

                Viele Grüße

                Christian

                Nein, ist viel einfacher 😄

                Das legst Du in vis per Sichtbarkeit fest:

                Beispiel:

                falls tankerkoenig.0.stations.cheapest.diesel.name = Tankstellenname

                dann sichtbar.

                Gruß

                Christian

                1 Reply Last reply Reply Quote 0
                • Röstkartoffel
                  Röstkartoffel last edited by

                  von mir noch eine Anmerkung:

                  Die günstigste Tankstelle pro Kraftstoffsorte wird angelegt und nur die, die als erstes im Adapter aufgeführt ist.

                  Wenn also zwei Tankstellen den zum Beispiel gleichen Dieselpreis haben, wird die erstere Tankstelle aus der Liste genommen.

                  Gruß

                  Volker

                  1 Reply Last reply Reply Quote 0
                  • A
                    Andre_NMB last edited by

                    Wird gemacht… Denke mal das ich da vielleicht schon heute Abend was posten kann. 8-)

                    @StM47:

                    Bitte Ergebnis dann hier posten!

                    @Andre_NMB:

                    Ah jetzt habe ich da voll die Idee. 😄

                    Müsste es doch auch möglich sein eine komplette Navigationsleiste so zu gestalten.

                    Muss ich nur mal sehen, wie ich da eine Animation bzw. einen Effekt noch mit reinbekomme,

                    wie bei einen ganz normalen Button.

                    @StM47:

                    Der Homebutton wurde per Photoshop direkt auf das Hintergrundbild gelegt und anschließend per HTML verlinkt. `

                    1 Reply Last reply Reply Quote 0
                    • S
                      stimezo Forum Testing last edited by

                      @Röstkartoffel:

                      von mir noch eine Anmerkung:

                      Die günstigste Tankstelle pro Kraftstoffsorte wird angelegt und nur die, die als erstes im Adapter aufgeführt ist.

                      Wenn also zwei Tankstellen den zum Beispiel gleichen Dieselpreis haben, wird die erstere Tankstelle aus der Liste genommen.

                      Gruß

                      Volker `

                      Wenn Du die Tankstellen nach Entfernung sortiert hast, ist das doch perfekt 😄

                      Denn wenn eine zweite Tankstelle den gleichen Preis hat aber weiter entfernt liegt ist sie damit automatisch teurer :!:

                      Gruß

                      Christian

                      1 Reply Last reply Reply Quote 0
                      • StM47
                        StM47 last edited by

                        @stimezo:

                        @StM47:

                        Hi Christian,

                        danke für die Antwort!

                        falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren

                        Muss ich dass mit Blockly erstellen oder gibt es eine andere Möglichkeit?

                        @stimezo:

                        Hi stM47,

                        Ich habe jeweils unter die Preise das grüne Feld gelegt, dieses wird über die Sichtbarkeit aktiviert/deaktiviert.

                        Also falls Tankstellenname = Name günstigste Tankstelle -> Preis markieren.

                        Viele Grüße

                        Christian

                        Nein, ist viel einfacher 😄

                        Das legst Du in vis per Sichtbarkeit fest:

                        Beispiel:

                        falls tankerkoenig.0.stations.cheapest.diesel.name = Tankstellenname

                        dann sichtbar.

                        Gruß

                        Christian `

                        Klingt echt einfach, bekomme es aber nicht hin 😢

                        Foto mit Farbe erstellt.

                        Hintergrund: z-index: 0

                        Foto mit Farbe z-index: 1

                        Preis: z-index: 2

                        Ich habe bei Sichtbarkeit die Objekt ID tankerkoenig.0.stations.cheapest.diesel.name ausgewählt

                        Bei Bedingungen ==

                        und bei Wert für die Bedingung: den Namen der jeweilige Tankstelle

                        9039_bildschirmfoto_2018-11-30_um_13.55.22.png

                        Und das habe ich für alle Tankstellen gemacht und trotzdem wird das Bild auf der Website nicht angezeigt.

                        Muss ich noch etwas ändern?

                        1 Reply Last reply Reply Quote 0
                        • S
                          stimezo Forum Testing last edited by

                          Geh mal in die Adapter-Config und vergleiche die Namen (Eigener Name für Tankstelle)

                          die müssen exakt übereinstimmen.

                          Gruß

                          Christian

                          1 Reply Last reply Reply Quote 0
                          • StM47
                            StM47 last edited by

                            Die passen

                            Edit:

                            Mit einem farblichen Feld mit String img src funktioniert es.

                            9039_bildschirmfoto_2018-11-30_um_14.32.42.png

                            Ich hätte aber gerne eine transparente Grafik mit Umrandung als Hintergrund, welcher angezeigt wird.

                            Und das funktioniert nicht mit Sichtbarkeit.

                            1 Reply Last reply Reply Quote 0
                            • A
                              Andre_NMB last edited by Jey Cee

                              Anbei mal der erste Entwurf von der NAVI Leiste, noch ohne Animation.

                              @Andre_NMB:

                              Wird gemacht… Denke mal das ich da vielleicht schon heute Abend was posten kann. 8-)

                              @StM47:

                              Bitte Ergebnis dann hier posten!

                              @Andre_NMB:

                              Ah jetzt habe ich da voll die Idee. 😄

                              Müsste es doch auch möglich sein eine komplette Navigationsleiste so zu gestalten.

                              Muss ich nur mal sehen, wie ich da eine Animation bzw. einen Effekt noch mit reinbekomme,

                              wie bei einen ganz normalen Button. ` ~~

                              1 Reply Last reply Reply Quote 0
                              • StM47
                                StM47 last edited by

                                Es wird doch.

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

                                  Gibts jemand der mir so einen Floorplan erstellt?

                                  Ich habe einen Grundriss auf Papier… Problem ich habe leider z.T. nicht rechteckige Räume.

                                  Ich hatte es mal auf diversen plattformen vereucht... aber habe festgestellt dass ich das nicht hinbekomme.

                                  1 Reply Last reply Reply Quote 0
                                  • G
                                    Garf last edited by

                                    @Homer1976:

                                    Bitte, `
                                    Die Preitafeln gefallen mir ausgesprochen gut. Keine Ahnung wie Du die gemacht hast, aber wenn ein Teil davon ein Bild ist, dann würde ich mich freuen, wenn Du mir diese zur Verfügung stellen würdest. Dann hätte ich ein wenig Arbeit gespart. Die Preistafeln werde ich in jedem Fall als Vorbild nehmen und versuchen sie im Dashboard von Ned Red zu integrieren. Wie man Icons, z.B. Wettericons, platziert habe ich in den letzten beiden Tagen schon gelernt.

                                    Super Arbeit, mir gefallen die Preistafeln echt gut. :mrgreen:

                                    1 Reply Last reply Reply Quote 0
                                    • Röstkartoffel
                                      Röstkartoffel last edited by

                                      Preistafel habe ich auch, das ist m.E. die beste Ansicht.

                                      Ich habe auch noch die günstigsten mit auf einer eigenen Preistafel:

                                      1826_tankstellen.jpg

                                      1 Reply Last reply Reply Quote 0
                                      • G
                                        Garf last edited by

                                        Ja, die sehen auch wirklich gut aus. Das Markensysmbol finde ich noch etwas zu groß, aber sonst auch sehr gut. Verratet mir doch bitte wie ihr es aufgebaut habt. Ich hatte mir vorgestellt einen Rahmen mit dem Markensymbol zu gestalten (evtl. sogar als Bilddatei) und dann per HTM/CSS die Preise einzufügen.

                                        1 Reply Last reply Reply Quote 0
                                        • A
                                          Annuit20 last edited by Jey Cee

                                          Ich habe meine Visu auch komplett neu aufgebaut, ist aber noch nicht fertig bzw. es ist noch nicht alles eingebunden.

                                          Danke an alle fürs teilen.

                                          1662_screenshot_2018-12-03-20-48-47.png 1662_screenshot_2018-12-03-20-43-09.png 1662_screenshot_2018-12-03-20-38-26.png 1662_screenshot_2018-12-03-21-01-50.png 1662_screenshot_2018-12-03-20-42-38.png 1662_screenshot_2018-12-03-20-42-44.png 1662_screenshot_2018-12-03-20-42-51.png

                                          Projekt als Download:

                                          viewtopic.php?p=201084#p201084

                                          1 Reply Last reply Reply Quote 2
                                          • ChristianM
                                            ChristianM last edited by

                                            Ok nehm ich 😄

                                            worauf läuft denn die Visu ? Tablet ?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            405
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            185
                                            916
                                            383444
                                            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