You are using Internet Explorer 11 or earlier, this browser is no longer supported by this website. We suggest to use a modern browser.

UCP Pattern Library
UCP Pattern Library
UCP Pattern LibraryUCP Pattern LibraryUCP Pattern Library
  • English
  • Pattern Library
  • flexible
    • English
  • Startseite
  • Text Teaser List (01_14)

Text Teaser List (01_14)

Das Modul „Text Teaser List“ bildet je nach Einstellung zwei oder drei Text Teaser nebeneinander über die volle Bildschirmbreite ab.

Untereinander können jedoch mehrere Teaser gleichzeitig angezeigt werden. Es eignet sich vor allem dazu, weiterführende Inhalte am Ende einer Seite zu verlinken, für welche bereits im Teaser detailliertere Informationen zum Triggern der Nutzer notwendig sind, die eine einfache Überschrift und ein Link nicht leisten könnten.

Beispiel Seitenansicht

Das Modul ist orange markiert

Text Teaser List: Modulansicht

Text Teaser List im Fußbereich einer Seite

Das Modul besteht aus folgenden Komponenten:
Überschriftüber der gesamten Teaserliste
Anzahl Spalten2 oder 3
Hintergrundfarbeweiß oder hellgrau
Text Teaser (beliebig viele)
Text– Formatierungsmöglichkeiten: Überschriften H2 und H3, hoch- und tiefgestellte Schrift, Fettschrift, Verlinkungen, Listen
– Die Höhe der Teaser-Reihe richtet sich nach dem längsten gepflegten Inhalt
Link (optional)– intern, extern oder Download
– erscheint unter dem Text
Link-StilButton oder Textlink mit Pfeil
Das Modul besteht aus folgenden Komponenten:
Überschriftüber der gesamten Teaserliste
Anzahl Spalten2 oder 3
Hintergrundfarbeweiß oder hellgrau
Text Teaser (beliebig viele)
Text– Formatierungsmöglichkeiten: Überschriften H2 und H3, hoch- und tiefgestellte Schrift, Fettschrift, Verlinkungen, Listen
– Die Höhe der Teaser-Reihe richtet sich nach dem längsten gepflegten Inhalt
Link (optional)– intern, extern oder Download
– erscheint unter dem Text
Link-StilButton oder Textlink mit Pfeil

Das Modul kann in den folgenden Seitenbereichen und Templates verwendet werden:

Startpage
stage
content
Content Page
stage
main content
right
bottom
Flexible Layout
full-width
default
default with sidebar right
sidebar
sidebar
default with sidebar left
Der blaue Bereich gibt an, dass das Modul in dieser Content Area anwendbar ist.

Vermaßte Screenshots

Text Teaser List: Vermaßung Desktop
Desktop
Text Teaser List: Vermaßung Tablet
Tablet
Text Teaser List: Vermaßung Mobile
Mobile
Abstände Guide

Erläuterung: Abstandswerte, die in den vermaßten Screenshots verwendet werden

Das Modul kann in folgenden Themes eingesetzt werden:

  • Internet
  • Intranet
  • Suite
Der blaue Bereich gibt an, dass das Modul in diesem Theme anwendbar ist.

So sieht das Modul aus

Text Teaser List (01_14)

Beispielseite
<