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. Visualisierung
  4. Animierte CSS Wetter Symbole? Hilfe!

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    13
    1
    147

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

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

Animierte CSS Wetter Symbole? Hilfe!

Scheduled Pinned Locked Moved Solved Visualisierung
vismaterial css
16 Posts 4 Posters 2.1k Views 12 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.
  • FlexerF Flexer

    TADAAAAA! Super genial. Vielen lieben Dank für deine Hilfe.

    Wie kann man denn CSS am besten sich selbst beibringen. PS bin Laie.

    Bildschirmfoto 2019-03-17 um 11.00.46.png

    foxriver76F Offline
    foxriver76F Offline
    foxriver76
    Developer
    wrote on last edited by
    #7

    @Flexer freut mich. Ich suche meistens das Problem auf Google/stackoverflow, gibt allerdings auch gute deutsche Quellen für html und css.

    Videotutorials & mehr

    Hier könnt ihr mich unterstützen.

    1 Reply Last reply
    0
    • FlexerF Flexer

      Hallo Freunde der visuellen Kunst,

      ich versuche diese animierten Wettersymbole in meine Vis einzubinden.
      https://codepen.io/joshbader/pen/EjXgqr#code-area

      Leider bin ich mir nicht sicher wie ich das machen soll. Gut ein HTML Widget mit dem HMTL Code ist klar, aber was mache ich genau mit dem CSS Part. Wenn ich den CSS Code im HTML Widget unter dem Reiter CSS eingebe verändert sich mein VIS Editor komplett.

      Vielleicht hat jemand eine Idee?

      Stratos GkrekidisS Offline
      Stratos GkrekidisS Offline
      Stratos Gkrekidis
      wrote on last edited by
      #8

      @flexer Hallo kannst du vielleicht dein code für die animierte wettersymbole hochladen.Danke ich finde die super

      1 Reply Last reply
      0
      • FlexerF Flexer

        TADAAAAA! Super genial. Vielen lieben Dank für deine Hilfe.

        Wie kann man denn CSS am besten sich selbst beibringen. PS bin Laie.

        Bildschirmfoto 2019-03-17 um 11.00.46.png

        N Offline
        N Offline
        nousefor82
        wrote on last edited by
        #9

        @flexer

        Hi,

        wie baust du das in deine VIS ein.

        Also wie steuerst du dann je nach Datenpunktinhalt (z.B.: daswetter) das richtige icon an?

        Gruß

        Stratos GkrekidisS 1 Reply Last reply
        0
        • N nousefor82

          @flexer

          Hi,

          wie baust du das in deine VIS ein.

          Also wie steuerst du dann je nach Datenpunktinhalt (z.B.: daswetter) das richtige icon an?

          Gruß

          Stratos GkrekidisS Offline
          Stratos GkrekidisS Offline
          Stratos Gkrekidis
          wrote on last edited by
          #10

          @nousefor82 hi das mache ich mit vis bind

          N 1 Reply Last reply
          0
          • Stratos GkrekidisS Stratos Gkrekidis

            @nousefor82 hi das mache ich mit vis bind

            N Offline
            N Offline
            nousefor82
            wrote on last edited by
            #11

            @stratos-gkrekidis

            hi, kannst du das etwas tiefer legen? :-D

            Stratos GkrekidisS 1 Reply Last reply
            0
            • N nousefor82

              @stratos-gkrekidis

              hi, kannst du das etwas tiefer legen? :-D

              Stratos GkrekidisS Offline
              Stratos GkrekidisS Offline
              Stratos Gkrekidis
              wrote on last edited by
              #12

              @nousefor82 mit ein function in vis scripts

              N 1 Reply Last reply
              0
              • Stratos GkrekidisS Stratos Gkrekidis

                @nousefor82 mit ein function in vis scripts

                N Offline
                N Offline
                nousefor82
                wrote on last edited by
                #13

                @stratos-gkrekidis

                Kannst du dein Skript hier zur Verfügung stellen? Würde mich interessieren wie das funktioniert.

                Danke

                Stratos GkrekidisS 1 Reply Last reply
                0
                • N nousefor82

                  @stratos-gkrekidis

                  Kannst du dein Skript hier zur Verfügung stellen? Würde mich interessieren wie das funktioniert.

                  Danke

                  Stratos GkrekidisS Offline
                  Stratos GkrekidisS Offline
                  Stratos Gkrekidis
                  wrote on last edited by
                  #14

                  @nousefor82 lade mal dein code(html css und script) hoch das ich des gleich bei mir teste

                  N 1 Reply Last reply
                  0
                  • Stratos GkrekidisS Stratos Gkrekidis

                    @nousefor82 lade mal dein code(html css und script) hoch das ich des gleich bei mir teste

                    N Offline
                    N Offline
                    nousefor82
                    wrote on last edited by
                    #15

                    @stratos-gkrekidis

                    Ich habe noch garkein Skript:confused:

                    Stratos GkrekidisS 1 Reply Last reply
                    0
                    • N nousefor82

                      @stratos-gkrekidis

                      Ich habe noch garkein Skript:confused:

                      Stratos GkrekidisS Offline
                      Stratos GkrekidisS Offline
                      Stratos Gkrekidis
                      wrote on last edited by
                      #16

                      @nousefor82 @Flexer @foxriver76
                      Hier ein gif aus mein vis screensaver mit animierte wetter symbol .

                      Weather icon.gif

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


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      522

                      Online

                      32.7k

                      Users

                      82.4k

                      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