Three Image Cards, 1:1
Drei Imagecards (1:1), jeweils mit einem Link
Item-ID: 04-007
Beispielansicht Anleitung Verhalten
Beispielansicht
Anleitung
Imagecards anlegen
- Klicken Sie auf den Button Inhalt, um eine Imagecard zu erstellen.
- Im Reiter Card Elements wählen Sie Three image cards, 16:9.
Bilder einfügen
- Klicken Sie auf den Button Bild hinzufügen.
- Wählen Sie eine Bilddatei aus Ihrer Fileliste aus oder laden Sie eine Datei in den entsprechenden Ordner hoch.
Links einfügen
- Geben Sie einen Titel in die Titelmaske ein.
- Klicken Sie auf den Link-Button um eine Verlinkung einzufügen.
- Wählen Sie aus einem der verfügbaren Reiter, um innerhalb der Unterseiten, Elemente oder auf eine externe URL zu verlinken.
Besonderheit im medatsu-Theme
Das medatsu-Theme bietet Ihnen Optionen zur individuellen Website-Gestaltung im toujou-Backend. Passen Sie das Design des einzelnen Elements nach Ihren Wünschen an und ändern Sie je nach Element die Hintergrundfarbe und die Hintergrundfarbe der Headline oder Pfeile.
- Mit Klick auf das Element Design erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe, die sich auf die Hintergrund- und Headlinehintergrundfarbe auswirkt.
- Als Möglichkeiten stehen default, primary, secondary sowie inverted zur Verfügung. Die Optionen orientieren sich an den im toujou settings definierten Farben.
Verhalten
Drei Karten mit Bild, 1:1 sind drei nebeneinander stehende Schaltflächen. Mit unterschiedlichen Optionen für Hover-Effekte (ggf. Template-abhängig) bestehen Sie aus einem quadratischen Bild und einer Beschriftung. Der dazugehörige Link macht das gesamte Element jeweils zu einer Schaltfläche.
Responsive: Auf kleiner werdenden Endgeräten wird der letzte Teaser der Reihe in einer eigenen Zeile dargestellt. Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.