Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[900icarD]

Hallo Zusammen,

nachdem ich mich langsam mit dem Vis2 vertraut machen möchte, habe ich entschieden in diesem Zuge auch meine komplette Visualisierung neu zu gestalten.
Um etwas "Bewegung" in meine Smart Home Dashboards zu bringen möchte ich gern mit frei verfügbaren Code Schnipsel aus dem Web arbeiten denn da gibt es ja bereits tolle Sachen.

Konkret möchte ich dieses animierte Menü einbinden https://webdeasy.de/en/css-menus/ (Nummer #30)
Der Code besteht aus HTML, CSS und JS welchen man hier ansehen kann https://codepen.io/Earth-Buddy/pen/BaegVjr

Den HTML Teil kann ich ja mittels dem einfachen HTML Widget eintragen.
Den CSS Teil kann man ja bei den Attributen im CSS Reiter eintragen.

Jetzt meine Frage, wie binde ich den JS Teil ein?
Über Attribute --> Scripte habe ich es probiert, geht aber nicht.
Muss man das Script im Javascript Adapter anlegen? Und wenn ja, wo trage ich dann den Pfad zum Script ein und wie lautet der Pfad?
Hat sowas schon jemand gemacht und kann mir hier eine kleine Hilfestellung dazu geben?

Nebenfrage: im CSS Reiter kann man ja den CSS Code eintragen, gibt es hier auch eine Möglichkeit auf ein CSS Script zu verlinken da es bei vielen CSS Codeschnipsel dort drin ja auch schnell unübersichtlich werden kann.

Vielen Dank schon mal vorab für einen Denkanstoß.