Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Praktische Anwendungen (Showcase)
  4. Einfach mal zeigen will….. :-) - Teil 2

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    287

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

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

Scheduled Pinned Locked Moved Praktische Anwendungen (Showcase)
916 Posts 185 Posters 462.2k Views 68 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • StM47S Offline
    StM47S Offline
    StM47
    wrote on last edited by
    #420

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

    ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

    • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
    • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
    1 Reply Last reply
    0
    • A Offline
      A Offline
      Andre_NMB
      wrote on last edited by
      #421

      Ah jetzt habe ich da voll die Idee. :D

      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
      0
      • S Offline
        S Offline
        stimezo
        Forum Testing
        wrote on last edited by
        #422

        @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
        0
        • StM47S Offline
          StM47S Offline
          StM47
          wrote on last edited by
          #423

          Bitte Ergebnis dann hier posten!

          @Andre_NMB:

          Ah jetzt habe ich da voll die Idee. :D

          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.

          ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

          • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
          • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
          1 Reply Last reply
          0
          • StM47S Offline
            StM47S Offline
            StM47
            wrote on last edited by
            #424

            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 `

            ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

            • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
            • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
            1 Reply Last reply
            0
            • S Offline
              S Offline
              stimezo
              Forum Testing
              wrote on last edited by
              #425

              @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 :D

              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
              0
              • RöstkartoffelR Offline
                RöstkartoffelR Offline
                Röstkartoffel
                wrote on last edited by
                #426

                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

                NUC7i3BNH mit Proxmox und ioBroker (VM Debian Buster), Raspi3 (Slave Smartmeter für eHZ easymeter), Hardware CCU2, SMA SB5000TL-21

                1 Reply Last reply
                0
                • A Offline
                  A Offline
                  Andre_NMB
                  wrote on last edited by
                  #427

                  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. :D

                  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
                  0
                  • S Offline
                    S Offline
                    stimezo
                    Forum Testing
                    wrote on last edited by
                    #428

                    @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 :D

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

                    Gruß

                    Christian

                    1 Reply Last reply
                    0
                    • StM47S Offline
                      StM47S Offline
                      StM47
                      wrote on last edited by
                      #429

                      @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 :D

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

                      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?

                      ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

                      • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
                      • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
                      1 Reply Last reply
                      0
                      • S Offline
                        S Offline
                        stimezo
                        Forum Testing
                        wrote on last edited by
                        #430

                        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
                        0
                        • StM47S Offline
                          StM47S Offline
                          StM47
                          wrote on last edited by
                          #431

                          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.

                          ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

                          • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
                          • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
                          1 Reply Last reply
                          0
                          • A Offline
                            A Offline
                            Andre_NMB
                            wrote on last edited by Jey Cee
                            #432

                            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. :D

                            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
                            0
                            • StM47S Offline
                              StM47S Offline
                              StM47
                              wrote on last edited by
                              #433

                              Es wird doch.

                              ioBroker im Docker auf Synology DiskStation DS 716+II mit DSM 6.2.1

                              • Lightmanager Air / Lupusec XT2 Plus mit div. Fenster- u. Türkontakten, Rauch- u. Bewegungsmelder / Harmony Hub / Fritzbox 7590 OS7
                              • schaltbare Steckdosen / Alexa Echo Dot 3 / Zigbee USB Stick / diverse Xiaomi Produkte / Xiaomi Yeelight Birnen
                              1 Reply Last reply
                              0
                              • D Offline
                                D Offline
                                dos1973
                                wrote on last edited by
                                #434

                                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
                                0
                                • G Offline
                                  G Offline
                                  Garf
                                  wrote on last edited by
                                  #435

                                  @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
                                  0
                                  • RöstkartoffelR Offline
                                    RöstkartoffelR Offline
                                    Röstkartoffel
                                    wrote on last edited by
                                    #436

                                    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

                                    NUC7i3BNH mit Proxmox und ioBroker (VM Debian Buster), Raspi3 (Slave Smartmeter für eHZ easymeter), Hardware CCU2, SMA SB5000TL-21

                                    1 Reply Last reply
                                    0
                                    • G Offline
                                      G Offline
                                      Garf
                                      wrote on last edited by
                                      #437

                                      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
                                      0
                                      • A Offline
                                        A Offline
                                        Annuit20
                                        wrote on last edited by Jey Cee
                                        #438

                                        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
                                        2
                                        • ChristianMC Offline
                                          ChristianMC Offline
                                          ChristianM
                                          wrote on last edited by
                                          #439

                                          Ok nehm ich :D

                                          worauf läuft denn die Visu ? Tablet ?

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          581

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe