Hallo,
ich möchte folgendes Problem lösen.
Auf einer Website soll auf jeder Unterseite ein anderes Hintergrundbild erscheinen. Dieses soll jeweils einen Buchstaben in 200px darstellen.
Da ich nun nicht für jede Seite ein separates CSS anlegen möchte und Redakteure den Buchstaben auch ändern können sollen, dachte ich an GIFBUILDER.
Mein Ansatz bisher:
marks.BG = COA
marks.BG {
# HTML-Objekt
5 = HTML
5.value = style="background:url(
# Bild
10 = IMG_RESOURCE
10 {
file=GIFBUILDER
file {
XY = 400, 200
transparentBackground =0
transparentColor = #ddc8a9
backColor = #ddc8a9
11 = TEXT
11 {
text.field = header
text.current = 1
fontSize = 200
offset = 0,200
fontFile = fileadmin/template2/font/renaissance.ttf
fontColor = #cdb18b
niceText = 1
}
}
}
# HTML-Objekt
15 = HTML
15.value = ) top left no-repeat;"
}
Im Template habe ich den Marker eingebunden:
<div id="inhalt" ###BG###>
Allerdings wird ständig ein leeres, transparentes Gif erzeugt?!
Was mache ich falsch?
Hallo pheppler,
ich habe dein script etwas umgebaut, bei mir hats so funktioniert.
temp.hd = IMG_RESOURCE
temp.hd.file = GIFBUILDER
temp.hd.file {
XY = 400, 200
transparentBackground = 0
transparentColor = #ddc8a9
backColor = #ddc8a9
format = gif
11 = TEXT
11 {
text.field = title
#text.current = 1
fontSize = 200
offset = 0,200
fontFile = fileadmin/fonts/blippok.ttf
fontColor = #cdb18b
niceText = 1
}
}
marks.BG = COA
marks.BG {
# HTML-Objekt
5 = HTML
5.value = <div style="width: 200px; height: 200px; background:url(
# Bild
10 = HTML
10 < temp.hd
# HTML-Objekt
15 = HTML
15.value = ) top left no-repeat;"></div>
}
Hallo RPW,
Danke für deine Hilfe. Ich habe das Beispiel jetzt so eingebaut:
temp.hd = IMG_RESOURCE
temp.hd.file = GIFBUILDER
temp.hd.file {
XY = 400, 200
transparentBackground = 0
transparentColor = #ddc8a9
backColor = #ddc8a9
format = gif
11 = TEXT
11 {
text.field = title
#text.current = 1
fontSize = 200
offset = 0,200
fontFile = fileadmin/template2/font/renaissance.ttf
fontColor = #cdb18b
niceText = 1
}
}
marks.BG = COA
marks.BG {
# HTML-Objekt
5 = HTML
5.value = style="background:url(
# Bild
10 = HTML
10 < temp.hd
# HTML-Objekt
15 = HTML
15.value = ) top left no-repeat;"
}
Ich habe im HTML Element das Div raus, da der Marker innerhalb eines Div Tags liegt. Allerding bleibt url() leer?
Ausgabe:
<div id="inhalt" style="background:url() top left no-repeat;">
Im Template:
<div id"inhalt" ###BG###>
Pfad zum Font etc. stimmt, ich lasse bereits die H1 mit GIFBUILDER erstellen.
Hallo pheppler,
habe mir deinen Code nochmals in meine Konfiguration kopiert und funktioniert einwandfrei. Funktioniert dein "Image Processing" einwanfrei. Teste nochmals im Install Tool unter "4: Image Processing". Lösche aber vorher alle Dateien aus dem typo3temp/pics Verzeichnis.
Hallo RPW,
hab gerade alle Bilder in typo3temp/pics gelöscht und alle Image Processing Tests durchlaufen lassen. Funktioniert alles auße Read AI und Read PDF, was ja keine Rolle spielen sollte. Ich steh gerade echt im Wald. Kann ja nicht sein, das es bei dir geht und bei mir nicht.