Two Image Cards, 1:1
Zwei Imagecards (1:1), jeweils mit einem Link
Item-ID: 04-006
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 Two image cards, 1:1.
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
Zwei Karten mit Bild, 1:1 sind zwei 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 kleinen Darstellungsflächen werden beide Schaltflächen untereinander angezeigt.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.