Bilder mit Bildunterschrift einfügen (Joomla 1.5.x)

Joomla 1.5 liefert die Funktion Bild mit Bildunterschrift im Core mit.

Editor: TinyMCE

Der Editor: TinyMCE bietet diese Option auch an, wenn man ein neues Bild im Backend über den Button unten links [Bild]  einfügt.

Dazu muss in der Ckeck-Box Bildunterschrift ein Häkchen gesetzt und der gewünschte Text im Feld Titel eingetragen werden.

Zusätzlich kann die Ausrichtung auf "links" bzw. "rechts" gesetzt werden, wenn der Text um das Bild fließen soll..

Editor: TMEdit

Ich setze allerdings den TMEdit ein, dieser hat diese Funktion nicht.

Das Bild zunächst an die Stelle im Text einfügen, wo es hin soll, Ausrichtung links oder rechts auswählen und anschließend im html-Code für das Bild  <img .... >  folgendes ergänzen

class="caption"
title=" Die gewünschte Bildunterschrift"

Der Text kann auch der gleiche, wie im alt-Tag sein.

Darstellung anpassen

Damit das ganze auch gut aussieht bzw. zum Layout der Seite passt, kann die Darstellung im Template angepasst werden.

In der Datei: templates\system\css\generell.css (Bestandteil Joomla Core) gibt es bereits eine Formatierung, die natürlich, wie bei Joomla üblich im eignen Template überschrieben werden kann.

Auszug ab Zeile 118:

Ich habe in meinem Template für das Bild selbst einen weissen Hintergrund und ein Rand im Abstand von 3px in einem hellen Grau gewählt.

Für die Bildunterschrift habe ich kursive Schrift in einem hellen Braunton gewählt.

Wer mag kann natürlich auch für rechts und links andere Farben definieren, der Syntax ist dann: