1. Home
  2. Bibliothek
  3. Card Elements

Die toujou-Elementbibliothek:

Cards / "Schaltflächen"

In toujou finden Sie vorkonfigurierte Schaltflächen-Elemente mit den notwendigen Freiheiten dort, wo Sie diese brauchen. Das Erscheinungsbild Ihres Textes oder Ihrer Kontaktdaten wird zentral gesteuert. Formate- und Textspalten werden inklusive responsivem Verhalten angeboten. Buttons, Links, Ausrichtung und Textstile werden durch den Redakteur gesteuert.

Gebrauchsanweisung

Auf dieser Seite finden Sie alle in toujou verfügbaren Karten-Elemente. Um nicht mit echten Inhalten verwechselt zu werden, verwenden wir in der Bibliothek Blindtext.

Zur detaillierten Nutzungsanleitung gelangen Sie durch Klicken auf das jeweilige Element.

Alle Card-Elemente im Überblick

Bild-Schaltflächen im Format 16:9: Einfach  | Doppelt  | Dreifach |  Vierfach

Quadratische Bild-Schaltflächen: Einfach  | Doppelt  | Dreifach |  Vierfach

Vertikale Textkarten mit Bild: Einfach  | Doppelt  | Dreifach |  Vierfach

Horizontale Textkarten mit Bild: Einfach  | Doppelt

 

Einfache Bild-Schaltfläche, 16:9

Eine Image-Card

Doppelte Bild-Schaltfläche, 16:9

Zwei Image-Cards

Zwei Image-Cards

Dreifache Bild-Schaltfläche, 16:9

Drei Image-Cards

Drei Image-Cards

Drei Image-Cards

Vierfache Bild-Schaltfläche, 16:9

Vier Image-Cards

Vier Image-Cards

Vier Image-Cards

Vier Image-Cards

Einfache Bild-Schaltfläche, Quadrat

Eine Image-Card

Doppelte Bild-Schaltfläche, Quadrat

Zwei Image-Cards

Zwei Image-Cards

Dreifache Bild-Schaltfläche, Quadrat

Drei Image-Cards

Drei Image-Cards

Drei Image-Cards

Vierfache Bild-Schaltfläche, Quadrat

Vier Image-Cards

Vier Image-Cards

Vier Image-Cards

Vier Image-Cards

Einfache Schaltfläche mit Beschreibung, vertikal

Eine Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Doppelte Schaltfläche mit Beschreibung, vertikal

Erste Contentcard

Zusammengehörige Schaltflächen sind übrigens immer gleich hoch, sobald sie nebeneinander stehen!

zur Beschreibung ❯

Zweite Contentcard

Diese Cards legen sich in mobiler Responsive-Ansicht hierarchisch so von oben nach unten, wie sie von links nach rechts stehen.

zur Beschreibung ❯

Dreifache Schaltfläche mit Beschreibung, vertikal

Erste Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Zweite Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Dritte Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Vierfache Schaltfläche mit Beschreibung, vertikal

Erste Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Zweite Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Dritte Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Vierte Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Einfache Schaltfläche mit Beschreibung, horizontal

Eine Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Doppelte Schaltfläche mit Beschreibung, horizontal

Erste Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Zweite Contentcard

Lorem Ipsum dolor sit amet, consectetur adipiscing elit.

zur Beschreibung ❯

Eine Image-Card

  

↳ Einfache Bildschaltfläche, 16:9