Imagecard with text left

Eine Imagecard (16:9), mit einem Link und einem Text links.

Item-ID: 09-010

Beispielansicht

Lorem ipsum dolor sit amet

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

more

Anleitung

Imagecard mit Text anlegen

Klicken Sie auf den Button Inhalt, um ein neues Element zu erstellen.
Im Reiter Combined Elements wählen Sie Imagecard with text left.

Bild einfügen

Klicken Sie im Reiter Card 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.

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.
Fügen Sie in der Titel-Maske eine Überschrift hinzu.

Texte einfügen

Geben Sie im Reiter Text Ihren Text in den Editor ein.
Sollten Sie die Texte aus einer anderen Datei kopieren, achten Sie auf eventuell mitkopierte Formatierungen.

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

Eine Karte mit Bild (16:9) mit Text links gibt den von Ihnen eingefügten Inhalt in Form einer Bildkarte mit Link und nebenstehendem Text in zwei Spalten im Verhältnis Text:Card von 66:33 wieder.

Responsive: Bei kleinen Darstellungsflächen wird die Imagecard unter dem Text angezeigt.

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