Text mit Bild

Das Textelement kann in einem Artikel als neues Element Elementtyp › Text-Elemente › Text angelegt werden. In dem Textfeld können zusätzlich HTML-Tags verwendet werden.

Unter Bildeinstellungen › Ein Bild hinzufügen kann zu dem Text ein Bild hinzugefügt werden. Die Bildausrichtung kann links- oder rechtsbündig mit dem Text oder ober- bzw. unterhalb erfolgen.

Für gößere Bilder kann eine Großansicht (Colorbox) eingestellt werden. Standardmäßig werden die in der Dateiverwaltung hinterlegten Meta-Daten verwendet. Diese können jedoch auch für jedes Element überschrieben werden. Die Bildgrößen können unter THEME › Bildgrößen für verschiedene Bildschirmgrößen definiert werden.

Der Bildabstand wird in der custom.css angepasst und ist nicht anzugeben!

Bilder sollten max. mit einer Datengröße von ca. 2 Megabyte und einer Auflösung von 3.840 × 2.160 Pixeln in das System hochgeladen werden. Bei der Benennung von Bildern sollten stets Kleinbuchstaben und Zahlen ohne Leer- und Sonderzeichen verwendet werden. Beispiel: mein-bild-001.jpg

Beispieltext mit linksbündigem Bild

Alternativer Text zu dem Bild — At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

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.

Das moo_mediabox- oder j_colorbox-Template muss im Seitenlayout eingebunden sein.

Beispieltext mit rechtsbündigem Bild und Großansicht (Colorbox)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor¹ invidunt₂ ut labore et dolore magna aliquyam erat, sed diam voluptua.

Quellcode

<!-- Textformatierungen -->
<p>Absatz</p>
<br> <!-- Zeilenumbruch -->
<strong>Text fett</strong>
<em>Text kursiv</em>
<span style="text-decoration: underline;">Text unterstrichen</span>
<span style="text-decoration: line-through;">Text durchgestrichen</span>
<sup>Text hochgestellt</sup>
<sub>Text tiefgestellt</sub>
<a title="Titel" href="#">Hyperlink</a>