- arc90_imgcaption.js Datei in Stammverzeichnis von Redaxo kopieren
(wo auch der Ordner "files" und "redaxo" enthalten sind)
- In Redaxo unter "Templates" >> "default" unter "Template" folgenden Code
nach dem öffnenden <head> tag einfügen:
- Code: Alles auswählen
<script language="JavaScript" type="Text/JavaScript" src="arc90_imgcaption.js"></script>
<style type="text/css">
.arc90_imgcaptionTXT {
font-size: .8em;
color: #666;
text-align: left;
}
p.arc90_imgcaptionALT {
margin-top: 2px;
margin-bottom: 6px;
font-size: .65em;
text-align: right;
}
span.arc90_imgcaptionALT {
padding: 2px;
padding-left: 4px;
padding-right: 4px;
background: #888;
color: #fff;
}
.arc90_imgcaption {
text-align: center;
border: 1px solid #DDD;
padding: 1em;
margin: 1em 0;
width: 9em;
}
/*
Diese Zeilen können auskommentiert werden, wenn das Bild von Text "umflossen" werden soll.
.floatl { float: left; margin-right: 1em; }
.floatr { float: right; margin-left: 1em; }
*/
</style>
- Template speichern
- folgende Datei mit einem Editor öffnen:
Stammverzeichnis/redaxo/redaxo/include/addons/tinymce/classes/class.tinymce.inc.php
- nach "content.css" suchen
- diese Zeile am besten einfach auskommentieren durch zwei Schrägstriche ("//") am Anfang dieser Zeile setzen.
- folgende Zeile direkt darunter oder darüber einfügen:
- Code: Alles auswählen
$configout .= $n . ' content_css : \'files/addons/tinymce/content.css\',';
- Speichern und schließen, zurück zu Redaxo
- links "TinyMCE" und dort den Unterpunkt "CSS Editieren" auswählen.
- Folgenden Code ganz am Ende des bestehenden Codes einfügen:
- Code: Alles auswählen
.imgcaption {
}
- "CSS speichern"
- Jetzt wichtig: Browser Cache leeren!
- Redaxo neu aufrufen. (Man müsste sich jetzt erneut anmelden müssen. Wenn nicht, wurde der Cache nicht geleert!)
- In einer beliebigen Seite den TinyMCE Block einfügen (wie gehabt)
- Ein Bild (mit diesem Baumsymbol) einfügen (Grafik wie gewohnt aus dem Medienpool auswählen)
- Unter "Allgemein" >> "Beschreibung" ggf. eine Beschreibung eintragen
- Unter "Allgemein" >> "Titel" den Titel einfügen (der später als Bildunterschrift auftauchen soll)
- unter "Aussehen" >> "CSS-Klasse" >> "imgcaption" auswählen.
- "Einfügen"
- Block speichern
- fertig. Bild hat jetzt einen Rahmen, ggf. eine Beschreibung und einen Titel.
Extra:
In der Beschreibung oder im Titel können einfache HTML Befehle verwendet werden um den Text zu modifizieren.
<b>Das hier wäre fett</b>
<i>Das hier kursiv</i>
usw.
usw.
Thats it
