Typischer Seiteninhalt

Erstellen Sie ansprechende Inhalte mit einer Vielzahl von Elementen, von einfachen Texten und Medien bis hin zu erweiterten Inhalten wie reines HTML-Code und Menüs.

Überschriften

Strukturieren Sie Ihren Inhalt mit verschiedenen Überschriftenebenen, um Klarheit und Hierarchie zu schaffen.

Headlines

H2 Überschrift ohne Link

H3 Überschrift ohne Link

Überschrift 2

Überschrift 3

Überschrift 4

Überschrift 5

Text & Medien

Kombinieren Sie ansprechenden Text mit Bildern oder anderen Medien, um vielseitige und informative Inhaltsblöcke zu erstellen.

Neben dem Text links
Gallery row width: 33%

Profitieren Sie von zahlreichen Platzierungsoptionen wie oben mittig, oben rechts, oben links, unten mittig, unten rechts, unten links, im Text rechts, im Text links, neben dem Text rechts und neben dem Text links. All diese Einstellungen können bequem im Backend vorgenommen werden.

Unten rechts
Gallery row width: 75%, Anzahl: 6 Bilder an Spalten

Profitieren Sie von zahlreichen Platzierungsoptionen wie oben mittig, oben rechts, oben links, unten mittig, unten rechts, unten links, im Text rechts, im Text links, neben dem Text rechts und neben dem Text links. All diese Einstellungen können bequem im Backend vorgenommen werden.

Video

Binden Sie Videos nahtlos in Ihre Seiten ein, um multimediale Erlebnisse zu bieten.

CK Editor

Ein intuitiver Editor, der Ihnen die Freiheit gibt, Inhalte nach Ihren Wünschen zu gestalten und zu formatieren.

Objektstile

Color: primary

Color: secondary

Color: success

Color: danger

Color: warning

Color: info

Color: light

Color: dark


Blockstile

Size Lead

Size Small

NowrapNowrapNowrapNowrapNowrapNowrapNowrapNowrapNowrapNowrapNowrapNowrapNowrap

H2 Style

H3 Style

H4 Style

H5 Style
H6 Style

 

lowercase

uppercase

Ich bin ein Beispiel TEXT SMALL Ich bin ein Beispiel Ich bin ein Beispiel Ich bin ein Beispiel

Ich bin ein Beispiel TEXT DEL Ich bin ein Beispiel Ich bin ein Beispiel Ich bin ein Beispiel

Ich bin ein Beispiel TEXT INS Ich bin ein Beispiel Ich bin ein Beispiel Ich bin ein Beispiel

Ich bin ein Beispiel TEXT CODEIch bin ein Beispiel Ich bin ein Beispiel Ich bin ein Beispiel

Ich bin ein Beispiel  Ich bin ein TEXT PRIMARY  Beispiel Ich bin ein Beispiel Ich bin ein Beispiel

 

Badge

Ich bin ein Beispiel Ich bin ein Badge Primary Beispiel Ich bin ein Beispiel Ich bin ein Beispiel

Ich bin ein Beispiel Ich bin ein PILL Primary Beispiel Ich bin ein Beispiel Ich bin ein Beispiel

alert alert-primary

alert alert-secondary

alert alert-success

alert alert-danger

alert alert-warning

alert alert-info

Tabelle

Präsentieren Sie Daten und Informationen in klaren und organisierten Tabellen.

Tabelle stripped rows
Tabellenunterschrift Beispiel
Erste Spalte Zweite Spalte Dritte Spalte
Zweite Spalte Dritte Spalte Vierte Spalte
Zweite Spalte Dritte Spalte Vierte Spalte
Zweite Spalte Dritte Spalte Vierte Spalte
Zweite Spalte Dritte Spalte Vierte Spalte
test
test
test
Tabelle responsive + hovered
Tabellenunterschrift
Erste Spalte Zweite Spalte Dritte Spalte Vierte Spalte fünfte Spalte sechste Spalte siebte Spalte
Erste Spalte Zweite Spalte Dritte Spalte Vierte Spalte fünfte Spalte sechste Spalte siebte Spalte
Erste Spalte Zweite Spalte Dritte Spalte Vierte Spalte fünfte Spalte sechste Spalte siebte Spalte
Erste Spalte Zweite Spalte Dritte Spalte Vierte Spalte fünfte Spalte sechste Spalte siebte Spalte

Aufzählung

Listen Sie Punkte oder Informationen auf, um Ihren Inhalt übersichtlich und leicht verständlich zu gestalten.

BS Listengruppen
  • 1 Non Velit quis
  • 2 Non Velit quis
  • 3 Non Velit quis
  • 4 Non Velit quis
Unordered List bullets
  • 1 Non Velit quis
  • 2 Non Velit quis
  • 3 Non Velit quis
  • 4 Non Velit quis
Ordered List Number
  1. 1 Non Velit quis
  2. 2 Non Velit quis
  3. 3 Non Velit quis
  4. 4 Non Velit quis

Dateilinks

Bieten Sie Ihren Besuchern Downloads oder Verweise auf wichtige Dateien an.

nur Dateiname
Dateiname + Symbol
Dateiname + Vorschaubild

Buttons (BS Button)

Integrieren Sie interaktive Schaltflächen in Ihr Design. Bootstrap bietet vordefinierte Button-Styles für verschiedene Zwecke.

Block level small button

Erweiterte Inhalte

Vertiefen Sie Ihre Webpräsenz mit spezialisierten Inhaltselementen, die Ihre TYPO3-Website auf das nächste Level heben.

Zusammenfassungen

Präsentieren Sie ein übersichtliches Menü mit Unterseiten und dazugehörigen Zusammenfassungen, um Ihren Besuchern einen schnellen Überblick zu bieten.

Kategorisierter Inhalt

Ordnen Sie Ihre Inhalte nach Kategorien und zeigen Sie gezielt Elemente aus ausgewählten Bereichen an.

Kategorisierte Seiten

Strukturieren Sie Ihre Website mit kategorisierten Seiten, um themenbezogene Inhalte effizient zu präsentieren.

Seiten

Erstellen Sie ein intuitives Menü aus ausgewählten Seiten, um Ihren Besuchern eine klare Navigation zu bieten.

Unterseiten

Heben Sie Unterseiten hervor und bieten Sie ein dediziertes Menü, um tiefergehende Inhalte zugänglich zu machen.

Neulich aktualisierte Seiten

Halten Sie Ihre Besucher auf dem Laufenden, indem Sie kürzlich aktualisierte Seiten in einem speziellen Menü präsentieren.

Verwandte Seiten

Bieten Sie thematisch ähnliche Inhalte an, indem Sie Seiten basierend auf Stichworten zusammenfassen.

Sektionsindex

Zeigen Sie Inhalte, die speziell für Abschnittsmenüs markiert sind, und erleichtern Sie die Navigation innerhalb großer Seiten.

Menü der Unterseiten von ausgewählten Seiten

Kombinieren Sie das Menü der Unterseiten mit dem Inhalt der ausgewählten Seiten für eine umfassende Darstellung.

Sitemap

Bieten Sie eine erweiterte Übersicht über alle Unterseiten der aktuellen Seite, um eine vollständige Navigation zu ermöglichen.

Sitemaps der ausgewählten Seiten

Präsentieren Sie ein detailliertes Menü, das alle Seiten und Unterseiten der ausgewählten Bereiche umfasst.

Reines HTML

Integrieren Sie benutzerdefinierten HTML-Code, um spezielle Funktionen oder Designs nahtlos in Ihre Seite einzufügen.

Integrieren Sie benutzerdefinierten HTML-Code nahtlos in Ihre Seite. Mit voller Unterstützung für alle Standard HTML 5-Tags können Sie im Backend jeglichen Code verwenden. Ein bequemer Editor erleichtert Ihnen dabei die Arbeit und sorgt für eine reibungslose Integration.

Trenner

Setzen Sie visuelle Trenner ein, um Inhalte klar voneinander abzugrenzen. Ideal, um Abschnitte oder Themenbereiche zu separieren.


T3S Bootstrap

Dank der integrierten Bootstrap-Bibliothek können Sie im Backend alle oben genannten Elemente individuell anpassen. Passen Sie Abstände (Margin und Padding), Animationsverzögerungen und -dauern an, fügen Sie zusätzliche Klassen hinzu, wählen Sie aus vorgefertigten Bildverhältnissen und Layouts und vieles mehr! Hier wird nur ein kleiner Teil der Möglichkeiten präsentiert, um die Seite übersichtlich zu halten. Mit TYPO3 und Bootstrap stehen Ihnen jedoch nahezu unbegrenzte Designoptionen zur Verfügung.