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.
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.
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.
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.
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.
Hier sehen Sie ein Beispiel von Text, der nicht die ganze Inhaltsbreite einnimmt, sondern die Einstellung "geringe Breite" hat, 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.
Hier sehen Sie ein Beispiel von Text, der rechtsbündig ist. Höchstens kombiniert mit einem Bild links könnte rechtsbündiger Text gut aussehen.
Die Überschrift wurde zusätzlich auch rechts ausgerichtet.
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.
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.