Home → Contao →

Verwendung: Im Slider links seitlich was einblenden

• Edit

Michi

16 Mar, 2025 01:15 PM

Produkt: Oneo Contao
Contao-Version: 4.13.49
Browser und Browserversionen: Chrome und Firefox

Hallo zusammen
Ich würde gerne im Slider auf der Hauptseite etwas einblenden lassen, ähnlich wie auf dieser Seite: https://www.fctoess.ch/
Es muss nicht zwingend so eingebeldnet werden, wäre aber "sexy", richtig ist eher, dass im linken Bereich des Sliders eine wichtige Info platziert werden kann, welche man weiter verlinken kann.
Ich habe mal was änliches gemacht mit mit einem Kreis, es sollte hier aber eher was rechteckiges sein und vielleicht mit einem Bild versehen als Hintergrund:
.circle-text3 { width: 37em; height: 37em; margin: 0 auto; padding: 4em; border-radius: 50%; background: rgba(190, 30, 44, 0.8); }

Vielen Dank für eure nette Unterstützung.

Viele Grüsse
Michi

1. Support Staff 1 Posted by RockSolid Theme... on 17 Mar, 2025 09:42 AM

   

   Vielen Dank für Ihre Frage.

   Das Slider-Modul selbst verfügt über keine Optionen um solche Effekte zu realisieren. Allerdings lässt sich der Effekt vermutlich via CSS-Animationen umsetzen. Weitere Informationen dazu finden Sie z. B. im Mozilla Developer Network: https://developer.mozilla.org/de/docs/Web/CSS/CSS_animations/Using_CSS_animations

   • Edit

2. 2 Posted by Michael Löffler on 17 Mar, 2025 01:35 PM

   

   Vielen Dank für Eure Antwort.
   Gibt es eine Möglichkeit ohne Animation, so wie das Beispiel mit dem Kreis,
   einfach als Rechteck ? Dann kann ich es mit css vielleicht auch wo anders
   als in der Mitte platzieren.

   Vielen Dank und Grüsse
   Michi

   • Edit

3. Support Staff 3 Posted by RockSolid Theme... on 18 Mar, 2025 09:22 AM

   

   Gibt es eine Möglichkeit ohne Animation, so wie das Beispiel mit dem Kreis, einfach als Rechteck ?

   Um statt dem Kreis ein Rechteck bzw. Quadrat zu erhalten, entfernen Sie bitte die Zeile border-radius: 50%;

   • Edit