Druckbare Version
Hallo zusammen
Ich habe von einer Wodpress Website eine Art "Slider" gesehen, wo das Team vorgestellt wird:
https://www.modulotre.ch/experten/
Ich glaube Rocksolid hat was ähnliches in einem fertigen Template resp Theme.
Gibt es aber auch eine solche Erweiterung, die ich runterladen kann ohne das ich das ganze Rocksolide Theme benutzen muss ?
Vielen Dank und Grüsse
Michi
Du kannst auch den Slider ohne Theme lizensieren:
https://rocksolidthemes.com/de/conta...ponsive-slider
Vielen Dank für die Info.
Verstehe ich das richtig, dass ich das auch als Inhaltselement verwenden kann so wie in meinem Beispiel dargestellt und es sich nicht ur um einen Slider im Header handelt ?
Beim Theme von Rocksolid ist es glaube ich das Modul "Feature-Box", welches ich meine.
Viele Grüsse
Michi
Da brauchst du keinen Slider, das geht auch alles mit CSS.
Was man da alles machen kann siehst du beispielhaft auf https://animate.style
Die Feature-Box verwendet auch keinen Slider, wenn ich mich richtig erinnere. Die Effekte werden bei Rocksolid auch häufig per CSS umgesetzt.Zitat:
Zitat von Michi Löffler
Vielen Dank für eure Antworten.
Ich habe es mir mal angeschaut, vor allem https://animate.style/
Aber wie bringe ich den gewünschten Code in meine Webite ?
Das habe ich noch nicht genau verstanden.
Könnte mirr da jemand helfen ?
Vielen Dank und Grüsse
Michi
Vielleicht verstehe ich die Frage nicht, aber so wie jedes andere CSS auchZitat:
Zitat von Michi Löffler
- internes css - deprecated, also eher nicht nutzen
- externes css - je nach Workflow
- einzelne Datei
- zusammengeführte Datei aus z.B. Gulp
Natürlich muss der Code an Deine Gegebenheiten angepasst werden (Klassen, vorhandene Elemente), ggf. ist auch eine Template-Anpassung notwendig, wenn zusätzliche Elemente benötigt werden.
Aber das alles ist doch unser tägliches Brot als Webdesigner/Frontendentwickler ;).
Hi,
Du brauchst das CSS von Animate.css.
Wenn es Dich nicht stört, externe Inhalte zu laden, dann kannst Du Dir die CSS-Datei von deren CDN holen, siehe hier, letzter Absatz:
https://animate.style/#usage
Einfach den diesen Teil in den zusätzlichen Headtags Deines Seitenlayouts einfügen:
Danach gibts Du den zu animierenden Elementen die entsprechenden CSS-Klassen, siehe Doku unter Basic Usage. Beispielsweise gibst Du einem Inhaltselement folgende CSS-Klassen und das Inhaltselement wird entsprechend animiert:Code:<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
Die Animationen werden beim Laden der Seite durchgeführt, ohne Javascript sieht man die Animation also nur für Elemente above the fold (correct me, if I'm wrong). Eventuell musst Du das Ganze also um Javascript ergänzen, zum Beispiel, wenn die Animation erst ausgelöst werden soll, sobald das Element in den Viewport scrollt.Code:animate__animated animate__backInDown animate__slow
Gruß
Mathias
Vielen Dank euch allen für die Hinweie.
Ich habe es mit "animate" versucht und das klappt, aber eben, wie Du schreibst, ohne Javascipt gibt es da keine Verzögerung, was natürlich schade ist.
Leider habe ich aber keine Erfahrung, wie man so ein Javascript erstellt und schreibt. Weiss jemand wo ich mir hierfür Hilfe holen kann ?
Vielen Dank und Grüsse
Michi
Es funktioniert mit Rocksolid.
Man muss eine Lizenz kaufen und das dazugehörige "RockSolid Custom Elements" intallieren. Dann kann man wie folgt vorgehen:
https://help.rocksolidthemes.com/dis...on-feature-box
Viele Grüsse
Michi
Mit dieser Extension kannst du's im Backend einstellen https://community.contao.org/de/show...l=1#post549861Zitat:
Zitat von Michi Löffler