[gelöst] Bild mit Text

Das mit dem Text der das Bild umfliesst, wird etwas Theming benötigen, oder du löst es wie im angegebenen Beispiel mit Tabellen, (Finde ich nicht so toll).

Eine Bild unterschrift, lässt sich ganz gut auch mit ImageCache und ImageCache Actions erzeugen. Schau dir mal die folgende Präsentation an, da gibts einiges zum Thema ImageCache. Ich persönlich würde ein Preset so zusammenbauen, dass zuesrt ein Rahmen hinter das bild gelegt wird und dan den Text einfügen.

http://www.redpanda.ch/sites/default/files/ImageCache.pdf

Gruss Roger

Hallo Rabbit,

vielen Dank für deine ausführliche Antwort. Wie kann ich denn selbst ein Preset für ImageCache erstellen? Gibt es da fertige Downloads, wie z.B. die in dem .PDF aufgeführten Beispiele (außer "ImageCache Actions", das habe ich schon entdeckt)?

Gruß,
Minerva

Soweit mir bekannt gibts da keine DLs. Aber das ist auch nicht so eine risen Geschichte. Eigentlch musst Du dir nur überlegen, wie die Hochgeladenen Bilder gespeichert und auf der Seite dargestellt werden sollen. Mit den diversen Actionens stellst Du dir das Preset für ImageCache zusammen, das geht direkt im Drupal. Mit der bereits genannten Doku und den folgenden screencast solltest Du das eigentlich locker hinkriegen:

http://mustardseedmedia.com/podcast/episode16
http://www.drupaltherapy.com/imagecache

Gruss Roger

In den Videos wird das aber nicht gezeigt. Resize, Cropping usw. ist ja klar, habe auch schon manches mit Image Cache gemacht. Aber wie kann ich neue Aktionen erstellen wie z.B. einen Rahmen oder den Untertitel für ein Bild?

Verschiedene Vorgehensweisen sind moeglich.

1.
Mit Image Cache je ein Preset fuer Teaser- und Body-Ansichten erstellen

2.
Nodetype mit einem Feld Bild und einem Feld Textbereich erweitern.
Beide Felder werden in einer Feldgruppe zusammengefasst.

3.
Innerhalb der CCK Konfiguration die Felder und die Gruppe fuer die Anzeige konfigurieren.
Label verstecken und die Presets den Bildern zuweisen.
Feldgruppe ohne Design.

4.
Mit Firebug (Firefox) die CSS Klasse der Feldgruppe ermitteln und ihr in der CSS Datei die Eigenschaft float: left oder float: right zuweisen. Je nachdem wie der Text die Feldgruppe umfliessen soll.

In der CSS Datei dem Bild die entsprechenden Eigenschaften zuweisen um einen Border zu bekommen.

-------------------------------------

Fuer den Beschreibungstext des Bildes kann wie voran beschrieben ein eigenes/separates CCK Feld verwendet werden oder auch das Beschreibungsfeld des Bildfeldes selbst. Ersteres bietet mehr Moeglichkeiten. Bei der 2. Variante benoetigt man die Feldgruppe nicht zwingend.

------------------------
Quiptime Group

Ohje ich glaube das kriege ich im Leben nicht hin...Danke jedenfalls für die Tipps. Ich habe Drupal-Handbücher gelesen, Videotuts ohne Ende hinter mir aber ich tu mich echt schwer mit dem Verständnis :-/

Hey, ich hab's hinbekommen, dank der Schritt-für-Schritt-Anleitung. Superb, hätte ich nicht gedacht, klang so kompliziert. Dankeschön vielmals :)

Nur als Beispiel: http://d6dev.fun-rabbit.ch/de/content/nachwuchs

So sieht das etwa aus, wenn man mit ImageCache eine Lösung bastelt.
Dazu habe ich folgende Actions im Preset verwendet:

1. Scale
   width: 250, height: , upscale: Nein
2. Define Canvas
   left:15, right:15, top:15, bottom:40, #daf7fc, under image
3. Text
   return $node->title, 10px, #0000FF, 100%, 0°, (center, bottom-15)

Das ganze jetzt noch mit CSS richtig themen und dann umfliesst der Text auch das Bild.

Gruss Roger

Punkt 2 und 3 sind aber benutzerdefinierte Aktionen, oder? Da lag mein Problem, dass ich nicht wusste (bzw. immer noch nicht weiß), wie man diese anlegt.

Dieses AddOn installieren und die Actions aktivieren:
http://drupal.org/project/imagecache_actions

Hier gibt's noch mehr: http://drupal.org/project/modules?text=ImageCache

Und Hier ein paar Beispiele: http://www.redpanda.ch/drupal/verschiedene-imagecache-presets.html

Gruss Roger

Dankeschön! Dann kann ich ja jetzt richtig loslegen mit ImageCache.