Textformate

Alle Beispiele und Beschreibungen auf dieser Seite beziehen sich auf das Feld [Text], den sogenannten RTE (Rich Text Editor), den Sie beim [Typ] 'Text' und 'Text und Bilder' finden.

Aspekte der Kombination von Text mit Bildern finden Sie unter Bilder.

Text - einspaltig

Standardgemäß wird der Text, ohne Formatierung, einspaltig angezeigt.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet.

Text - zweispaltig

Um einen Text zweispaltig anzeigen zu lassen, makieren Sie den dafür gedachten Textbereich im Rich Text Editor und wählen Sie das Blockformat 'Behälter', sowie den Blockstil 'zweispaltig'.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet.

Text - dreispaltig

Um einen Text dreispaltig anzeigen zu lassen, makieren Sie den dafür gedachten Textbereich im Rich Text Editor und wählen Sie das Blockformat 'Behälter', sowie den Blockstil 'dreispaltig'.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet.

Text - vierspaltig

Um einen Text vierspaltig anzeigen zu lassen, makieren Sie den dafür gedachten Textbereich im Rich Text Editor und wählen Sie das Blockformat 'Behälter', sowie den Blockstil 'vierspaltig'.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet.

Zentrierter Text

Hier sehen Sie ein Beispiel von Text, der nur 50% der Inhaltsbreite einnimmt und dabei selbst zentriert ist. Höchstens in solch einem Falle könnte zentrierter Text gut aussehen.

Die Überschrift wurde zusätzlich auch mittig ausgerichtet.

Rechtsbündiger Text

Hier sehen Sie ein Beispiel von Text, der nur rechts 33,33% der Inhaltsbreite einnimmt und dabei selbst rechtsbündig ist. Höchstens in solch einem Falle, z.B. kombiniert mit einem Bild links, könnte rechtsbündiger Text gut aussehen.

Die Überschrift wurde zusätzlich auch rechts ausgerichtet.

Text im Blocksatz

Blocksatz kann zwar auch gewählt werden, sollte aber sehr vorsichtig eingesetzt werden, da es im Internet keine automatische Silbentrennung gibt und Browser auch die Abstände zwischen den Buchstaben nicht verändern. Das hat zur Folge, dass der Blocksatz allein durch Vergrößerung der Abstände zwischen den Wörter erreicht werden muss. Das kann dazu führen, dass der Text sehr zerrissen wirkt und schwer lesbar wird.

Hier wurde zusätzlich 'zweispaltig' eingestellt, damit der Text in den großen Ansichten nicht zu breit wird.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.

Weitere Textformatierungen

Neben den bisher genannten Formatierungsmöglichkeiten finden Sie im Rich Text Editor (RTE) weitere nützliche Textstile und Optionen. Beispielsweise können Sie die Schrift als 'Fett' oder 'kursiv' anzeigen lassen, oder aber eine gewünschte Schriftfarbe wählen.

Vom Standard abweichende Schriftgrößen - 'klein', 'groß' und 'riesig' - stellen Sie unter den Blockstilen ein:

Beispiel kleiner Text

Beispiel großer Text

Beispiel riesiger Text

Neben den Schriftfarben, die pro Stil für Sie eingestellt wurden, können Sie über Textstil einzelne Zeichen oder Wörter mit einer anderen Farbe versehen. Es stehen zur Auswahl weiß, hellgrau, dunkelgrau, schwarz, Hauptfarbe, Zusatzfarbe 1, Zusatzfarbe 2 und Zusatzfarbe 3. Natürlich kann es sein, dass eine Farbe in Kombination mit der Hintergrundfarbe nicht oder nur schlecht sichtbar ist. Dann sollten Sie eine im aktuellen Zusammenhang besser geeignete Farbe wählen. Die Farben werden im RTE als Symbolfarben angezeigt. Auf Ihrer Website sehen Sie dann den für Sie eingestellten passenden Farbton.

Sie können auch eine abweichende Schriftfarbe - wie hier Zusatzfarbe 1 - für einen ganzen Absatz wählen über Blockstil.

 

a7digital GmbH

Ostpreußenring 76
23569 Lübeck

Telefon: +49 451 48 97 83 38

Hotline: +49 177 835 77 77

a7.layouts steht für moderne, technisch hochwertige Gestaltung von Websites mit dem CMS TYPO3.

Sie finden auf diesen Seiten unter anderem Beispiele von Internet-Seiten, die auf einem unserer Modell-Layouts aufbauen, Schulungs-Videos, die Ihnen den Einstieg in die Bearbeitung Ihrer neuen Website erleichtern, und eine schriftliche Anleitung mit vielfältigen Beispielen.