Schatten für Bilder

Hallo!

Wie kann ich alle Bilder der Typo3-Präsenz selbst formatieren, ohne das für jedes Bild manuell zu machen?

Z.B. Rahmen um die Bilder oder mit Schatten hinterlegen - also irgenwie allen Bildern CSS Klassen zuweisen?

Ich müsste mehrere Klassen zuweisen können (Zwiebelschalenmodell).

Z.B. also müssen alle Bilder in eine verschachtelte <div class="..."> </div> - Umgebung gepackt werden.

Wie lässt sich das realisieren?

und wenn du per css den IMG-Tag ansprichst?

also

IMG {
//...
}

?

Hmm... ja, danke.
Das wußte ich auch schon.

Nur, das hilft mir nicht weiter. Es sei denn, du kannst mir helfen, eine Lösung zu finden, wie ich in das

IMG {
...
}

nun Code schreibe, der einen schönen Schatten produziert. Am besten einen weichen Schatten.

Dafür habe ich betreits eine Lösung gefunden, die allerdings basiert darauf, dass ich drei CSS-Klassen habe, sie heißen wrap1, wrap2 und wrap3 und müssen mittels DIV-COntainer überlagert werden.

Also müsste ich für alle IMG-Tags folgende Umgebung haben:

<div class="wrap1">
  <div class="wrap2">
    <div class="wrap3">
       <img src="..." alt="" />
    </div>
  </div>
</div>

Dafür dachte ich, müsste ich per TypoScript eben das rendering von Typo3 beeinflussen. Also irgendwie Typo veranlassen, um jeden IMG-Tag diese div-Container zu produzieren.

Man kann doch Wrapper definieren?! Aber irgendwie bekomme ich es nicht hin, dass es für jedes Bild-Objekt funktioniert.

Natürlich wäre ich auch mit jeder anderen Lösung zufrieden, die ordentliche Schatten produziert.

sollte tun:

styles.content.imgtext.captionWrap = <div 1><div 2>|</div></div>

lg georg

Nur leider funktioniert es nicht.

Es passiert rein gar nichts.

Hatte es vorher schon probiert mit

tt_content.imgtext.stdWrap.wrap = <div class="wrap1"><div class="wrap2"><div class="wrap3">|</div></div>

Das hat natürlich den ganzen Container (also alle Absätze des Elementes) mit samt Überschrift und Bild in die DIV-Umgebung gepackt.

Dann hatte ich "imgtext" durch "image" ersetzt. Dann passiert aber gar nichts.

Mit

styles.content.imgtext.captionWrap = <div class="wrap1"><div class="wrap2"><div class="wrap3">|</div></div>

sehe ich eben auch keine Reaktion. Das Ding kann doch irgendwo im Setup des Templates stehen....oder mache ich da was Grundsätzliches falsch?

Wäre für wertvolle Tipps echt dankbar.

sorry mea culpa. das bezieht sich nur auf den Bildtext.... 🙁

Hmm, macht ja nix. ICh bin für jeden versuchbaren Hinweis dankbar.

Es muss doch irgend ne Möglichkeit geben, oder? ... Oder muss ich direkt die PHP-Files umschreiben? Weiß jemand gerad auswendig, wo die HTML-Codegenerierung stattfindet?

tt_content.image.stdWrap.wrap = <div class="wrap1><div class="wrap2><div class="wrap3> |</div></div></div>

irgendwie so müsste es gehen 🙂

mbs schrieb

Dann hatte ich "imgtext" durch "image" ersetzt. Dann passiert aber gar nichts.

Das hatte ich oben schon geschrieben. leider passier dann gar nix - jedenfalls sehe ich nix.

sorry, überlesen.

Cache zwischendruch gelöscht?
Versuch doch mal ob du was siehst wenn du was dem wrap anhängst das ganz sicher ersichtlich sein muss/müsste

Ja, hab ich alles schon versucht,

also: Cache löschen, klar, ... und auch einfach ein Zeichen angehängt oder so.

Die Sache ist ja: Ich kann die Umgebung ja auf "textpic" anwenden. Dann funktioniert es ja - sowohl mein Schatten als auch was einfaches. Ich bekomm es eben nur nicht hin, dass die Umgebung nur um die Bilder (IMG-Tags) gebaut werden.