Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Animierte CSS Wetter Symbole? Hilfe!

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    16
    1
    963

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

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.0k

Animierte CSS Wetter Symbole? Hilfe!

Geplant Angeheftet Gesperrt Verschoben Gelöst Visualisierung
vismaterial css
16 Beiträge 4 Kommentatoren 2.1k Aufrufe 12 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • 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
    schrieb am zuletzt editiert von
    #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 Antwort Letzte Antwort
    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
      schrieb am zuletzt editiert von
      #8

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

      1 Antwort Letzte Antwort
      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
        schrieb am zuletzt editiert von
        #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 Antwort Letzte Antwort
        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
          schrieb am zuletzt editiert von
          #10

          @nousefor82 hi das mache ich mit vis bind

          N 1 Antwort Letzte Antwort
          0
          • Stratos GkrekidisS Stratos Gkrekidis

            @nousefor82 hi das mache ich mit vis bind

            N Offline
            N Offline
            nousefor82
            schrieb am zuletzt editiert von
            #11

            @stratos-gkrekidis

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

            Stratos GkrekidisS 1 Antwort Letzte Antwort
            0
            • N nousefor82

              @stratos-gkrekidis

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

              Stratos GkrekidisS Offline
              Stratos GkrekidisS Offline
              Stratos Gkrekidis
              schrieb am zuletzt editiert von
              #12

              @nousefor82 mit ein function in vis scripts

              N 1 Antwort Letzte Antwort
              0
              • Stratos GkrekidisS Stratos Gkrekidis

                @nousefor82 mit ein function in vis scripts

                N Offline
                N Offline
                nousefor82
                schrieb am zuletzt editiert von
                #13

                @stratos-gkrekidis

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

                Danke

                Stratos GkrekidisS 1 Antwort Letzte Antwort
                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
                  schrieb am zuletzt editiert von
                  #14

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

                  N 1 Antwort Letzte Antwort
                  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
                    schrieb am zuletzt editiert von
                    #15

                    @stratos-gkrekidis

                    Ich habe noch garkein Skript:confused:

                    Stratos GkrekidisS 1 Antwort Letzte Antwort
                    0
                    • N nousefor82

                      @stratos-gkrekidis

                      Ich habe noch garkein Skript:confused:

                      Stratos GkrekidisS Offline
                      Stratos GkrekidisS Offline
                      Stratos Gkrekidis
                      schrieb am zuletzt editiert von
                      #16

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

                      Weather icon.gif

                      1 Antwort Letzte Antwort
                      1
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      680

                      Online

                      32.6k

                      Benutzer

                      82.0k

                      Themen

                      1.3m

                      Beiträge
                      Community
                      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                      ioBroker Community 2014-2025
                      logo
                      • Anmelden

                      • Du hast noch kein Konto? Registrieren

                      • Anmelden oder registrieren, um zu suchen
                      • Erster Beitrag
                        Letzter Beitrag
                      0
                      • Home
                      • Aktuell
                      • Tags
                      • Ungelesen 0
                      • Kategorien
                      • Unreplied
                      • Beliebt
                      • GitHub
                      • Docu
                      • Hilfe