bildbeschreibung

[markus]

hallo zusammen,

wie kann man unter einem bild eine bildbeschreibung erstellen?
muss ich das bild in eine 1zelle/spalte tabelle legen oder wie würde das gehen?

lg,

markus

[nockenfell]

Hallo Markus

Du kannst dies mit imagecaptions lösen:
http://wiki.cmsmadesimple.org/index.php/User_Handbook/Admin_Panel/Tags/imagecaptions

Ich hoffe du kannst die englische Anleitung lesen. Funktioniert prima.

[markus]

sieht super aus, gibt es dafür auch eine deutsche ünersetzung? 

[nockenfell]

Bisher soviel ich weiss nicht. Grundsätzlich lässt sich das in ein paar Worten zusammenfassen:

Downloade jQuery von http://jquery.com/. Welche Version du nimmst, ist egal.
Füge folgendes im Head deines Templates innerhalb der {literal} Tags ein:

Code: Select all

<__script__ type="text/javascript" src="lib/jquery.js"></__script> 

--> src = Pfad und Dateiname deiner jquery.js Datei

Lade das Plugin function.imagecaptions.php vom Plugin-Archiv herunter:
http://dev.cmsmadesimple.org/project/files/443
und kopiere das File in deinen Plugin Ordner der CMS Installation

Erstelle einen neuen CSS Inhalt und verknüpfe diesen mit dem Template. Als Inhalt nimmst du dies:

Code: Select all

div.captionborder, div.captionborderleft,div.captionborderright {
border: 1px solid #cccccc;
padding: 3px;
background-color: #ffffff;
}
div.captionborderright {
float: right;
margin-left: 1em;
}
div.captionborderleft {
float: left;
margin-right: 1em;
}
p.captiontext {
margin: 3px 0 0 0;
padding: 0;
font-size: 90%;
background-color: white;
color: black;
text-align: left;
}
div.captionborderright p.captiontext  {
text-align: left;
padding-right: 3px;
}

Füge im Head deines Templates ausserhalb des {literal} Tags folgenes ein:

Code: Select all

{imagecaptions}

Öffne nun im Backend unter "Erweiterungen -> TinyMCE" das Tab CSS Style und füge folgenden Code ein:

Code: Select all

Bildrahmen=caption;Bildrahmen (rechts)=rightcaption; Bildrahmen (links)=leftcaption;

Das Bedienen des Rahmens solltest du anhand der Printscreens verstehen.

[cyberman]

Es gibt auch einen Tag im Forge

http://dev.cmsmadesimple.org/projects/imagecaptions

[nockenfell]

Auf diesen Tag (Plugin) habe ich ja auch den Link gemacht. Halt einfach auf die Downloadseite statt die Projektseite.

[cyberman]

Upps, bin (wieder mal) auf die unterschiedlichen URLs reingefallen  ...

[markus]

hallo nockenfell, habe es nach deiner anweisung gemacht. leider funzt es nicht.
muss ich das plugin istallieren oder einfach nur in den ordner legen?
wenn erstes, wie installiere ich es?

lg,

markus

[nockenfell]

Sali Markus

Hast du eine URL bei der man das Resultat anschauen kann? Dann kann ich kontrollieren ob die grundsätzlichen Voraussetzungen korrekt implementiert wurden.

Grüsse
Lukas

[nockenfell]

Danke für die PM.

Lade folgende Datei herunter:
http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js

Danach lädst du diese in ein neu zu erstellendes Verzeichnis "js" in deiner CMS installation hoch.

Danach bearbeitest du das Template. Der Code muss so aussehen:

Code: Select all

{literal}
<__script__ type="text/javascript" src="js/jquery-1.3.2.min.js"></__script>
....
{/literal}

{imagecaptions}

Damit sollte die Voraussetzung für die Bildbeschreibung korrekt gesetzt sein. Ev kannst du mir danach noch den Link senden, auf der du das ganze testest, falls es nicht funktioniert.

[hibr]

sieht super aus, gibt es dafür auch eine deutsche ünersetzung? 

Habe meinen englischen Originaleintrag doch noch selbst übersetzt und online gestellt. Findest du unter http://wiki.cmsmadesimple.org/index.php/User_Handbook/Admin_Panel/Tags/imagecaptions/de. Habe aber keine neuen "deutschen" Screenshots gemacht.

An dieser Stelle will ich mich auch bei Charlie Owen für dieses wirklich gute und meines Erachtens fast unverzichtbare Plugin bedanken. Thanks Charlie for your work.

Hani

PS: Imagecaption erzeugt einige XHTML Fehler. Wer die beseitigen möchte, schaut unten auf http://forum.cmsmadesimple.org/index.php/topic,28756.msg138207.html#msg138207

[nockenfell]

Hey, danke für die Übersetzung. Das wird sicher einigen Benutzern helfen das ganze einzurichten.

[nicmare]

halloa,
bevor ich mir die Mühe mache, den tag zu installieren, habe ich mir lieber die dokumentation komplett durchgelesen und das Forum durchstöbert und bin immernoch nicht schlauer. lol.
wozu ist jquery hier jetzt gut? Ich weiß was man mit jquery anstellt aber was macht es hier im Zusammenhang mit dem tag? erscheint die imagecaption erst beim mouseover oder wofür wird jquery verwendet?

[nockenfell]

Ich habe mich zuwenig damit auseinander gesetzt. Ich schätze mal, dass mit jquery der Code um die Rahmen um die Bilder zu bauen einiges vereinfacht wurde. Ich kenne ich mit JavaScript zu wenig aus um abschätzen zu können welchen Code es dafür gebraucht hätte ohne jquery. Somit kann ich dir keine befriedigende Antwort geben.

[hibr]

halloa,
bevor ich mir die Mühe mache, den tag zu installieren, habe ich mir lieber die dokumentation komplett durchgelesen und das Forum durchstöbert und bin immernoch nicht schlauer. lol.
wozu ist jquery hier jetzt gut? Ich weiß was man mit jquery anstellt aber was macht es hier im Zusammenhang mit dem tag? erscheint die imagecaption erst beim mouseover oder wofür wird jquery verwendet?

jQuery ein sogenanntes Javascript Framework (Rahmenwerk), das Programmierern Javascript "Grundfunktionen" zur Verfügung stellt auf denen dieser den eigenen Code aufbauen kann. Damit muss der Programmierer das Rad nicht mehrmals erfinden. jQuery kümmert sich IMHO um die gesamten Zeichenfunktionen zur Darstellung des Rahmens und der Unterschriift, etc.

Und nein, die Bildunterschrift ist sofort sichtbar und nicht erst, wenn du mit der Maus drüber fährst.

Image Captions ist also auf jQuery aufgebaut, d.h. es ruft Code aus dem Rahmenwerk auf. Ohne jQuery wird Image Captions nicht laufen!

Du brauchst dir über jQuery auch gar keine Gedanken zu machen. Halte dich einfach an meine Schritt-für-Schritt Anleitung aus dem Wiki (Link siehe oben). Du brauchst keinerlei Programmiererfahrung! Die Installation ist auch für Unerfahrene keine große Herausforderung und schneller erledigt, als man glaubt.

Gruß Hani