Imagecard with text right
Eine Imagecard (16:9), mit einem Link und einem Text rechts.
Item-ID: 09-011
Beispielansicht Anleitung Verhalten
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
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 right.
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.
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
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