• 3-spaltige Elemente

Allgemeines Modul

Eine Zusammenstellung aller Elemente, die für das 3-spaltige Modul zur Verfügung stehen.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

  • 3-spaltige Elemente

Artikelliste 3x2

3-spaltige Elemente

Artikelteaser mit Medien

Beim Artikelteaser mit Medien können statt eines Bildes alternativ auch Videos verwendet werden. Allerdings ist beim 3-spaltigen Artikelteaser die Höhe fest vorgegeben (2 HE), was u.U. das direkte Einbinden von Videos erschwert, da diese oft zu hoch werden und dann der Text abgeschnitten wird.

3-spaltige Elemente

Artikelteaser mit Bild

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«.

3-spaltige Elemente

Artikelteaser ohne Bild

Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus.
Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft.

  • 3-spaltige Elemente

Bilder-Galerie

Bruschetta mit Tomaten und Mozarella

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

Geröstete Kaffeebohnen

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.

Hopfendolden

Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben.

Imageslider

Solarpaneele auf Hallendach
Schafe auf der Weide

Geht auch mit Beschreibungstext. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen.

  • 3-spaltige Elemente

Teaserbox 3-spaltig

Hände in Laborhandschuhen mit Reagenzglas
Elemente

Meldung 1

Ein 1-spaltiger Artikelteaser mit Bild. "Weiter lesen" ist als Teaser-Link eingefügt - dadurch ist dann der gesamte Teaser anklickbar.
Dies ist ein Typoblindtext.

Hände in Laborhandschuhen mit Reagenzglas
Elemente

Meldung 2

Manchmal benutzt man Worte wie Hamburgefonts, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. 

Hände in Laborhandschuhen mit Reagenzglas
Elemente

Meldung 3

An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

  • 3-spaltige Elemente

Teaserbox mit Tabs

Die ausführliche Darstellung des Elementes gibt es auf einer eigenen Seite.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
Die 3-spaltige Teaserbox sollte (zumindest bei der Verwendung mit "Zeilenelementen" (=Artikelteasern) in der 3-spaltigen Variante nur in Ausnahmefällen eingesetzt werden, da im Augenblick dort dann zu schmale Spalten angezeigt werden.

Bruschetta mit Tomaten und Mozarella
3-spaltige Elemente

Textslider

Den Textslider gibt es auch in einer 3-spaltigen Variante

Verschiedene Lebensmittel auf einem Tisch
3-spaltige Elemente

Bild komplett

Je nach Breite-Höhe-Verhältnis des Bildes kann es vollflächig oder mit einem Farbbalken rechts und/oder links angezeigt werden.

  • Beispiele Modulseiten

Neben dem 3-spaltigen Modul findet dann noch ein 1-spaltiges Modul mit beliebigem Inhalt (verfügbare Elemente siehe "Einspaltige Module") Platz.