Beispiele - Artikelseiten

Artikel mit Tab-Element

Das "Tab-Element" gibt es sowohl für Artikel- als auch für Modulseiten. In der Elementliste wird es unter dem Namen "Teaserbox mit Tabs" geführt. Die einzelnen Reiter können entweder Teaserboxen mit beliebig vielen Teasern (Meldungen, hier als "Zeilenelement" bezeichnet) ODER ein Allgemeines Modul enthalten. Das Elemente kann ebenfalls als Artikelbreaker verwendet werden. Wenn Tabs mit Teasern genutzt werden sollen, dann sollte das Element auf jeden Fall als Artikelbreaker gestaltet werden, um eine ordentliche Darstellung zu erhalten. Wird es in der "Normalbreite" verwendet, kann es evtl. als Alternative zum Akkordeon eingesetzt werden (wie in diesem Beispiel das zweite Tab-Element).
In den Tabs kann Text auch wieder um Bilder herumfließen.

  • Beispiele

Nachrichten

Das Tab-Element heißt offiziell "Teaserbox mit Tabs". Jedes Tabelement kann entweder eine Teaserbox mit Kurznachrichten ("Zeilenelemente") oder ein Allgemeines Modul enthalten.

  • Meldungen

Bilder

Die Bildbreite in der Teaserbox beträgt 220px. Die Höhe ist nicht vorgegeben, sollte aber einheitlich sein. Zu langer Text wird einfach abgeschnitten.

  • Navigation

Schaltflächen

Falls mehr als 3 bzw. 4 Zeilenelemente in der Box stehen, werden automatisch Navigationsschaltflächen zum weiterblättern eingeblendet.

  • Teaser

Kurzmeldungen

Die einzelnen Zeilenelemente in der Teaserbox entsprechen im Aufbau den Artikelteasern (Modulseiten) - nur dass eben mehrere Teaser in einer Box stehen, statt jeweils in einem eigenen Kasten.

  • Zählen

Anzahl Zeichen

Wieviele Zeichen Platz haben, hängt auch von der Länge der Wörter ab. Die Grenze liegt bei ca. 180 Zeichen, damit auch der "Mehr Link" noch Platz hat. Ohne den Link kann es etwas mehr sein.

  • Füllstoff

Reiter

Auch die Anzahl der Tabs ist begrenzt. Es können soviele Tabs eingebaut werden, wie von der Breite her Platz finden. Wenn das Fenster voll ist, werden "überzählige" Tabs nicht mehr angezeigt.

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.

Einfach ein wenig Text und Bild

Verschiedene Obstsorten

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.