Hallo,
habe mir mitteles diesem typoscript (Setup im Main template):
# Orginal Bildkonfiguration retten
shadowedImageTemp < tt_content.image.20.1
# Dann die normalen Einstellung kopieren
tt_content.image.30 < tt_content.image.20
# Als nächstes die "normalen" Einstellung mit der Bedingung knüpfen,
# dass sie nur angezeigt wird, ein KEIN Rahmen angeklickt
# wurde.
tt_content.image.20.stdWrap.if.isFalse.field = imageborder
# Jetzt in der Kopie die alte Bordereinstellung löschen und
# auf 15px vergrößern. Aufgrund eines Typo3-BUG hat,
# das keine Auswirkung, außer dass die Zelle um das Bild um
# 2x15px vergrößert wird. Das kommt uns sehr entgegen.
# Der eigentliche Rahmen wird später, via CSS abgeschaltet.
tt_content.image.30.border >
tt_content.image.30.border = 1
tt_content.image.30.borderThick = 15
# An die Kopie die Bedingung dran hängen, dass die DropShadow-
# Variante nur angezeigt wird, wenn der Border angeklickt
# wurde.
tt_content.image.30.stdWrap.if.isTrue.field = imageborder
# Jetzt kommt noch die Änderungen für den DropShadow:
# Ursprungsquelle: http://wiki.typo3.org/index.php/GIFBUILDER#Variant_2
# Aber ich hab das IMAGE im IMG_TEXT etwas
# umgebaut.
tt_content.image.30.1.stdWrap.cObject = COA
tt_content.image.30.1.stdWrap.cObject{
10 = TEXT
10.value = <div style="background-repeat: no-repeat;
20 = IMG_RESOURCE
20.stdWrap.wrap = background-image:url(|);
# jetzt der CodeSchnipsel aus dem Typo3-Wiki:
20.file = GIFBUILDER
20.file{
XY = [10.w]+40,[10.h]+40
# The background color of the image/content
backColor = #ffffff
transparentBackground = 1
# Create a "dummy" image from the real image which is 20 pixel
# smaller than the set width.
10 = IMAGE
10 {
file.import.current = 1
file.width.stdWrap = 1
file.width.stdWrap.field = imagewidth
file.width.prioriCalc = intval
offset = 10,10
}
# Draw a black/gray box over the dummy image
20 = BOX
20.dimensions = 10,10,[10.w],[10.h]
# You have to set lib.shadowIntensity in your constants.
20.color = {$lib.shadowIntensity}
# Blur the black box
30 = EFFECT
30.value = blur=99 |
# Hier würde normalerweise Das Bild wieder
# drüber gelegt werden, dass lasse ich wech
# so hab ich nur den Schatten
}
#Background-Tag wieder schließen...
30 = TEXT
30.value = " >
# in die 40 kommt das Orginalbild rein s.u.
#Background-Tag wieder schließen...
50 = TEXT
50.value = </div>
}
# Jetzt noch die geretteten Bildeinstellungen übertragen...
tt_content.image.30.1.stdWrap.cObject.40 < shadowedImageTemp
tt_content.image.30.1.stdWrap.cObject.40 = IMAGE
tt_content.image.30.1.stdWrap.cObject.40.file{
import.current = 1
field = imagewidth
maxW = {$styles.content.imgtext.maxW}
}
# Damit das ganze auch in der Text-Bild-Kombinationfunktioniert...
tt_content.textpic.40 = < tt_content.image.30
tt_content.textpic.40.text.10 = COA
tt_content.textpic.40.text.10 {
if.value = 24
if.isGreaterThan.field = imageorient
10 = < lib.stdheader
10.stdWrap.dataWrap = <div class="csc-textpicHeader csc-textpicHeader-{field:imageorient}">|</div>
}
tt_content.textpic.40.text.20 = < tt_content.text.20
Konstate im Maintemplate:
lib.shadowIntensity = #999999
und diesem eintrag in der css:
div.csc-textpic-border
div.csc-textpic-imagewrap
.csc-textpic-image IMG {
border:0;
padding: 5px 15px 15px 5px;
}
einen Schlagschatten um meine Bilder gemacht (dazu muss man dann Rahmen ankcliken)
seit dem Update auf 4.6.12 oder auch 4.7.4
klappt der schlagschatten nur noch halb !
er ist Plötzlich Links statt rechts und ein Scwarzer Rahmen ziert mein Bild.
Es muss wohl Irgednwie mit dem css eintrag zu tun haben, aber egal was ich ändere es passiert nichts.
Hat jemand eine Idee warum plötzlich die CSS nicht mehr greift.
Sitz jetzt schon 2 tage daran und seh den Wald vor lauter bäumen nicht mehr.
Gruß
Robert
