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
Sprache: Deutsch arrow-down
  • English
Search search tk-menu tk-close menu
  • Pattern Library
  • flexible
    Sprache: Deutsch arrow-down
    • English
  • Startseite
  • Multi Content Teaser 06_18

Multi Content Teaser 06_18

Mit dem Modul „Multi Content Teaser" können Inhalte auf vielfältige Arten dargestellt werden. Es können Bilder sowie Videos als auch Loops integriert, Texte mit Headline, Subline sowie einem CTA ausgestattet und flexibel formatiert werden. Dieses Modul wird immer full-width angezeigt und eignet sich besonders zur prominenten und großzügigen Abbildung von Inhalten, etwa durch ein vollflächiges Hintergrundbild mit überlagerndem Text-Teaser. Anders als im Modul "Big Image Teaser" können hier keine einzelnen Teaser untereinander sondern nur in einem Slider dargestellt werden.

Beispiel Seitenansicht

Das Modul ist orange markiert

Multi Content Teaser im Fußbereich einer Seite.

Multi Content Teaser im Fußbereich einer Seite.

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
2. Teaser-beliebig viele
-bei mehr als einem Teaser werden diese in einem Slider angezeigt
-Hintergrund: weiß, dunkelgrau oder hellgrau
Bild oder Flixel- Bildzuschnitt: links, mittig oder rechts
- Bildauflösung: 1335px x 450px (Desktop/Tablet)
- Bildauflösung bei 16:9: 886px x 498px (mobile), 1335px x 750px (Desktop/Tablet)
- Bildauflösung für die Startpage: 1900 (Desktop/Tablet)
- bei Flixel-Verwendung: Flixel-ID
Video oder Link (optional)- Video: ID von YouTube oder MI24
- Link: internal oder external, ohne Link-Text (nur bei Darstellung als Button)
Textbox- Überschrift
- Text: Formatierung hoch- oder tiefgestellte Schrift, Fettschrift
Darstellung der Textbox
- Schrift in weißer Box, in transparenter Box oder in Bluestripes
- CTA: ohne, blauer Button oder blauer Pfeil
- Position: unten rechts, unten links oder mittig
- optional: Beschriftung des Buttons (wenn gewählt)

So funktioniert das Modul

Das Modul besteht aus folgenden Komponenten:
1. Überschrift
2. Teaser-beliebig viele
-bei mehr als einem Teaser werden diese in einem Slider angezeigt
-Hintergrund: weiß, dunkelgrau oder hellgrau
Bild oder Flixel- Bildzuschnitt: links, mittig oder rechts
- Bildauflösung: 1335px x 450px (Desktop/Tablet)
- Bildauflösung bei 16:9: 886px x 498px (mobile), 1335px x 750px (Desktop/Tablet)
- Bildauflösung für die Startpage: 1900 (Desktop/Tablet)
- bei Flixel-Verwendung: Flixel-ID
Video oder Link (optional)- Video: ID von YouTube oder MI24
- Link: internal oder external, ohne Link-Text (nur bei Darstellung als Button)
Textbox- Überschrift
- Text: Formatierung hoch- oder tiefgestellte Schrift, Fettschrift
Darstellung der Textbox
- Schrift in weißer Box, in transparenter Box oder in Bluestripes
- CTA: ohne, blauer Button oder blauer Pfeil
- Position: unten rechts, unten links oder mittig
- optional: Beschriftung des Buttons (wenn gewählt)

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.

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

Multi Content Teaser (06_18)

Beispielseite
nach oben arrow-up

arrow-down UCP Pattern Library

  • brandfactory
  • media pool - das Digital Asset Management System für thyssenkrupp
  • CMS Login

Folgen Sie uns

  • Global Corporate Website
© thyssenkrupp AG 2023
  • Sitemap
  • Impressum
  • Rechtliche Hinweise
  • Teilen tk-share
    FacebookTwitter Email LinkedIn