toujou
+49 911 23980-870
  1. Home
  2. Service
  3. Elementbibliothek
  4. Combined Elements
  5. Content card text right

Content card with text right

Eine vertikale Karte mit Inhalt, Link und Text unter dem Bild sowie einem Text rechts.

Item-ID: 09-009

 Beispielansicht   Anleitung   Verhalten

Beispielansicht

Lorem ipsum dolor sit amet

Organic pickled try-hard bespoke literally paleo skateboard neutra activated charcoal edison bulb quinoa. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. Cardigan chartreuse yuccie salvia palo santo leggings raw denim literally messenger bag, authentic vexillologist. Scenester quinoa raclette pour-over, echo park seitan pinterest. +1 cronut ugh hashtag. Occupy meggings banjo four dollar toast. Church-key locavore chartreuse, whatever cliche stumptown affogato. Tilde celiac man braid ramps offal microdosing narwhal scenester. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. Cardigan chartreuse yuccie salvia palo santo leggings raw denim literally messenger bag, authentic vexillologist. Scenester quinoa raclette pour-over, echo park seitan pinterest. Chambray chartreuse shaman, brooklyn swag chicharrones microdosing. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. Cardigan chartreuse yuccie salvia palo santo leggings raw denim literally messenger bag, authentic vexillologist. Scenester quinoa raclette pour-over, echo park seitan pinterest. +1 cronut ugh hashtag. Occupy meggings banjo four dollar toast. Church-key locavore chartreuse, whatever cliche stumptown affogato. Tilde celiac man braid ramps offal microdosing narwhal scenester. Gastropub keytar cold-pressed, intelligentsia kickstarter chicharrones etsy succulents. Cardigan chartreuse yuccie salvia palo santo leggings raw denim literally messenger bag, authentic vexillologist. Scenester quinoa raclette pour-over, echo park seitan pinterest.

This is the Card title

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. 

more

Anleitung

Contentcard mit Text anlegen

  • Klicken Sie auf den Button Inhalt, um ein neues Element zu erstellen.
  • Im Reiter Combined Elements wählen Sie Content card with text right.

Reiter Card: Bild 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.

Reiter Card: Link einfügen

  • 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.
  • Geben Sie einen Linktext in die entsprechende Maske ein. 

Texte einfügen

  • Im Reiter Card: Fügen Sie in der Titel-Maske eine Überschrift hinzu. 
  • Geben Sie Ihren Text in das Textfeld ein. Wiederholen Sie die Eingabe im Reiter Text.
  • Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.

Element Design für mehr Individualität

In diesem Element können Sie zudem das Erscheinungsbild ganz leicht mit dem Element Design mit einem Klick ändern. Mit der Auswahl von Standard Design, Primary Design, Secondary Design oder Umgekehrtes Design wechseln Sie Hintergrundfarbe des Elements und ggfs. die Hintergrundfarbe der Headline oder Pfeile bzw. des Textbereichs entsprechend der in den Theme-Settings definierten Farbe.

  

  • Mit Klick auf das Element Design im Reiter Allgemein / General erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe.
  • Wählen Sie aus den Optionen Standard, Primary, Secondary sowie Umgekehrt die gewünschte Option aus.
  • Speichern Sie die Änderungen im Element, damit sie sichtbar werden.

Verhalten

Eine vertikale Karte mit Text rechts gibt den von Ihnen eingefügten Inhalt in Form einer Inhaltskarte und nebenstehendem Text in zwei Spalten im Verhältnis Card:Text von 33:66 wieder. 

Responsive: Bei kleinen Darstellungsflächen wird die Content Card unter dem Text angezeigt. Innerhalb der Karte wird das Bild links neben dem Inhalt dargestellt. 

Besonderheiten: Beide Spalten nehmen zusammen die maximale Inhaltsbreite ein.

Verknüpfte Themen

Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.

Textbearbeitung  Bildbearbeitung  Dateiliste  Alle Combined Elements