Demoseite mit Bild
Dies ist ein (Bühnen-)Bild
Auf dieser Seite lernen Sie das Element "Bild" kennen. Dieses gibt es in verschiedenen Größen: In voller Breite können Sie es im Top-("Bühnen-)Bereich und auch im Content-Bereich einsetzen. Sie haben aber auch die Möglichkeit, es im 2-Spalter in drei verschiedenen Breiten zu verwenden (33%, 50% oder 66%). Auf dem Bild kann eine Schrifteinblendung mit oder ohne Verlinkung zu sehen sein.
Dies ist ein 2-Spalter (66:33)
Dachzeile : Dies ist eine Infobox
Die grau eingefärbte Infobox enthält optional ein Bild, eine Überschrift mit möglicher Dachzeile und Text mit optionaler Verlinkung. Falls Sie es wünschen, können Sie der Box die Icons "Info" oder "Wichtig" hinzufügen (siehe folgende Elemente).
Dies ist Text im 2-Spalter
In diesem 2-Spalter sind neben dem Bild (Erläuterung siehe oben) eine Linkliste und eine Infobox zu sehen. Die Linkliste dient dem Zweck, in barrierearmer Form Verlinkungen aufzulisten. Dabei sind verschiedene Link-Typen auswählbar: Interne Seite, externe Seite, Dokument, E-Mail-Adresse und Telefonnummer.
Dachzeile : Dies ist eine Infobox mit "Info"-Icon
Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ...
Dachzeile : Dies ist eine Infobox mit "Wichtig"-Icon
Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ...
Dachzeile : Dies ist eine Infobox (ohne icon)
Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ... Hier kann ein Text stehen ...
2-Spalter (33:66)
Dies ist Text im 2-Spalter
In diesem 2-Spalter lernen Sie die Teaserbox, die Bildergalerie und die Tabelle kennen. Mit der Bildergalerie können Sie mehrere Bilder anzeigen, die per Klick auf Pfeile oder Punkte wechseln. Unterhalb der Bilder ist eine Bildunterschrift möglich. Tabellen können Sie mit farbigen Zellen versehen.
Dies ist eine farbig hinterlegte Tabelle im 2-Spalter
| Rubrik A | Rubrik B | Rubrik C |
|---|---|---|
| Daten | Daten | Daten |
| Daten | Daten | Daten |
| Daten | Daten | Daten |
Dies ist eine sortierbare Tabelle
| Rubrik A | Rubrik B | Rubrik C |
|---|---|---|
| Daten 1 | Daten 5 | Daten 3 |
| Daten 2 | Daten 4 | Daten 1 |
| Daten 1 | Daten 4 | Daten 5 |
Dies ist eine sortier- und filterbare Tabelle
| Rubrik A | Rubrik B | Rubrik C | Rubrik D | Rubrik E | Rubrik F |
|---|---|---|---|---|---|
| Daten Daten Daten 1 | Daten Daten Daten 5 | Daten Daten Daten 3 | Daten Daten Daten 6 | Daten Daten Daten 4 | Daten Daten Daten 1 |
| Daten Daten Daten 2 | Daten Daten Daten 4 | Daten Daten Daten 1 | Daten Daten Daten 1 | Daten Daten Daten 5 | Daten Daten Daten 2 |
| Daten Daten Daten 1 | Daten Daten Daten 4 | Daten Daten Daten 5 | Daten Daten Daten 3 | Daten Daten Daten 4 | Daten Daten Daten 3 |