Sorry möchte mich entschuldigen, dass ich mich so spät melde, war heute Nacht mit dem Handy kurz online bei der Nachtschicht, bei Kaffee und Raucherpause.
Wird noch etwas dauern mit den Script, hoffe, du bist nicht böse. Habe im Nebenjob im Moment viel Arbeit. Da es kein Schnee gibt, habe ich viele Aufträge für Kehrdienst und Blätter wegfegen.
Ich hoffe, dass ihr mir das nicht übel nimmt. Sobald ich wieder mehr Zeit habe, mache ich am Script weiter. Ich entschuldige mich sehr dafür, dass ich dafür im Moment keine Zeit habe, aber wenn ich Zeit habe und es funktioniert, werde ich es hier hineinschreiben.
Ich wünsche euch noch ein schönes Wochenende und einen schönen 3 Advent.
Nicht schlimm Daishi. Ich kann den Nikolaus ja auch so nehmen, dass er nur immer wieder hinläuft. Muss nicht zwangsläufig drehen, war eigentlich nur mal so ein Gedanke. Mach dir keinen Stress. Kipper Spedition, du hast es über die ganze Breite genommen, das geht. Ich würde aber an deiner Stelle die abgerundeten Ecken rausnehmen, hatte das extra für mein Forum angepasst, denke bei dir sähe es ohne besser aus oder? Weil es über die ganze Breite geht.
Habe etwas am Script weitergearbeitet, habe jetzt nur die Berechnungen fertig von X = Start bis Y= Ende, bis wohin er läuft.
Ich musste diese so berechnen, vorher war es über die ganze Breite also 1418 Pixel, musste ich durch 2 teilen, dann komme ich auf 709 Pixel. Musste dann alles umrechnen, auch die Positionen Start und Ziel.
Das Script ist noch nicht fertig, möchte es nur zeigen, wie weit ich jetzt gekommen bin. Start und Ziel funktioniert jetzt, nur muss ich die genaue Drehung berechnen, das wird noch ein wenig dauern.
Den Rest drumherum muss ich auch noch anpassen. Hauptsächlich habe ich mich erst um die Start- und Ziel-Positionen gekümmert.
Er hat mir ein Tipp gegeben, mit " Margin " für die X - Y Achsen. Warum ich es immer so schwer mache, wenn es einfach geht. Dafür danke ich dir sehr, @Wolfgang.
Ich habe jetzt nochmal alles bearbeitet, hoffe das es so in Ordnung ist. Ein kleines Problem gibt es noch, ein Video füge ich unten ein. Für das Forum muss man Anpassungen machen, und mit den Zahlen spielen, da es im Forum anders angezeigt wird als bei mir im CodePen.
@Arndt hat es auch schon bemerkt, er musste das Bild noch anpassen.
Zitat von Kipper-Spedition im Beitrag #11Funktioniert hervorragend! Die GIF-Datei habe ich noch ein wenig in der Höhe korrigieren müssen, aber sonst .
Ich hoffe das es gut ankommt, eine Bitte hätte ich noch. Ich denke das Wolfgang hier nochmal darüberschaut, und die kleinen Fehler behebt, die da drinnen sind. Habe immer schon bemerkt, dass ich da als noch kleine Fehler drinnen habe.
Z.B. div vergessen oder Klammern und die ; die Namen weiß ich nicht alle auswendig.
Seid mir nicht böse, wenn da noch kleine Fehler drin sind.
Für die Frage, ob man das Banner in der Breite ändern kann.
Um die Banner die breite zu ändern einfach in Zeile 42 und 107 die Zahlen ändern. Die Zahlen können von 15 % bis 100 % angegeben werden, das Bild läuft nicht mehr heraus, habe ich extra getestet.
So, habe es mir nun angepasst, ging ja dank dem Margin wirklich gut. Einzig im mobilen Template läuft es nicht so gut. Vor allem reagiert bei mir der Avatar links oben mit. Ist aber nicht weiter schlimm, ich aktiviere mobil einfach das andere script. Vielen Dank Daishi für deine Mühe!!!!!
CSS-Animation und kleine Korrekturen! Aktualisiert 22.12.23
Hallo zusammen, besten Dank für die vielen Ideen, und was ich immer wieder notwendig ist, fürs unermüdlicher Testen!
Habe noch kleine Korrekturen anzubieten, um Einflüsse aus dem Forum zu minimieren!
Was habe ich gemacht?
Habe das Skript geordnet, nochmals die Classes erweitert, besonders "h6", um Einflüsse zu anderen Skripten zu vermeiden!
Habe den DIV-Container "Leiste" und die 2. Animation in ".oberleiste0" herausgenommen, weil sie keinen Einfluss auf das Skript hatten!
Weiterhin die Class "Niko" dem TAG "img" direkt zugeordnet und etwas anders formatiert, weil die Nikolausgrafik auf dem Android-Handy viel kleiner angezeigt wurde.
Zusätzlich eine kleine Option hinzugefügt, wenn kein Portal vorhanden ist!
Das Skript kann gut in die lange obere Portal-Box eingebaut werden!
Wer kein Portal hat oder nutzt, kann über Zeile 6 den Abstand zum rechten und linken Rand einstellen und alles in die Kopf- oder Fußzeile kopieren!!
Der Laufbereich des Nikolaus kann in Zeile 43+44 bestimmt werden!
Die Animationszeiten für den Wald und für den Nikolaus findet man in Zeile 50+77, für die Grafiken in Zeile 72+89