Hallo zusammen,
Ich habe ein Problem mit dem Gifbuilder. ICh möchte den Pagetitle dynamisch ausgeben und komm aber nicht zu dem gewünschten Ergebnis.
Ziel ist:
<img src='http://www.chapter1.de/img/pagetitle_ziel.gif'>
Momentan schaut er leider so aus:
<img src='http://www.chapter1.de/img/pagetitle_notyet.png'>
Der dazugehörige TS-Code lautet:
## Create graphic pagetitle
temp.pagetitle = IMAGE
temp.pagetitle.alttext.field = title
temp.pagetitle.file = GIFBUILDER
temp.pagetitle.file {
10 = IMAGE
10.file = fileadmin/templates/e2/main/images/e2_headerbg.gif
10.offset = 0, 5
20 = TEXT
20.offset = 20, 20
20.text.field = title
20.fontSize= 20
20.fontFile = fileadmin/fonts/arial.ttf
20.fontColor = black
20.backColor = white
# 20.transparentColor = white
XY= 350, 40
}
Wie erreiche ich, dass der graue Balken hinter dem Text "unterbrochen" ist, d.h. der Hintergrund auf der Länge des Textes weiß unterlegt wird?
Danke, Gruß,
Jens
Versuchen Sie es mal mit folgendem Code:
## Create graphic pagetitle
temp.pagetitle = IMAGE
temp.pagetitle {
alttext.field = title
file = GIFBUILDER
file {
XY= 350, 40
10 = IMAGE
10 {
file = fileadmin/templates/e2/main/images/e2_headerbg.gif
offset = 0,5
}
20 = BOX
20 {
XY = [10.w]+5,40
offset = 16,0
color = #FFFFFF
}
30 = TEXT
30 {
offset = 20,20
text.field = title
fontSize= 20
fontFile = fileadmin/fonts/arial.ttf
fontColor = black
backColor = white
# transparentColor = white
}
}
}
Ich hoffe, daß das funktioniert. Ich hab's nicht ausprobiert.
Die Idee ist einfach zwischen dem Bild mit dem Balken und dem Text noch ein weiß gefülltes Rechteck einzufügen.
MfG, Lars Thalheim
Vielen Dank für die Hilfe!!
Ich habe jetzt ne halbe Ewigkeit mit dem Code rumexperimentiert, weil eigentlich ist der von laptop24 ja absolut plausibel (abgesehen von
XY = [10.w]+5,40
, muss natürlich heißen
XY = [20.w]+5,40
). Daran lags nicht, dass es nicht lief. Ich habe es auch nicht herausgefunden, warum es mit dem Bild nicht funktioniert. Ich habe jetzt einfach den grauen Balken auch mit dem Gifbuilder als BOX erzeugt. und darüber noch ne weiße BOX gelegt. Ist nicht ganz so schön, aber es funktioniert bei mir jetzt. Mein Typoscript, falls jemand zufällig was ähnliches machen möchte:
#########################################
## Create graphic pagetitle
#########################################
temp.pagetitle = IMAGE
temp.pagetitle {
alttext.field = title
file = GIFBUILDER
file {
XY= 370, 40
backColor = white
10 = BOX
10 {
dimensions = 0,10,370,12
color = #E6E6E6
}
15 = BOX
15 {
dimensions = 12,0,[20.w]+20,40
color = white
}
20 = TEXT
20 {
offset = 20,25
text.field = title
fontSize= 20
fontFile = fileadmin/fonts/arial.ttf
fontColor = #E6E6E6
}
}
}
Ist irgendwie nur ein Workaround, aber für mich tuts das erstmal. Danke nochmal an Laptop24!
Gruß,
Jens
Das freut mich, wenn's geholfen hat.
Inwiefern ist die Lösung "nicht so schön" (völlig wertfrei...)? Sieht es nicht gut aus, oder ist die Lösung eine, die ursprünglich nicht angedacht war?
Hallo,
laptop24 schriebInwiefern ist die Lösung "nicht so schön" (völlig wertfrei...)? Sieht es nicht gut aus, oder ist die Lösung eine, die ursprünglich nicht angedacht war?
Ist nicht wild, aber mit einem Bild als unterster Ebene ist man einfach flexibler was die Gestaltung angeht. So kann man in Photoshop eben doch noch mehr machen als mit dem Gifbuilder. In diesem Fall gings nur um die Kanten, das ginge zur Not auch mit dem Gifbuilder, indem ich noch eine Box-Ebene dazwischen lege, die an jeder Seite einen Punkt kleiner ist und mache den Hintergrund heller, dann habe ich auch eine softere Kante. Muß mir das erstmal auf einem richtigen Monitor anschauen, an meinem Flatscreen sieht man eh kaum Unterschiede.
Danke nochmal, Gruß,
Jens
Prizipiell kann auch der GIFBUILDER zumindest einfache Effekte (Weichzeichner, emboss, etc.) anwenden.
Allerdings täuscht das nicht über die Tatsache hinweg, daß man mit einem dedizierten Grafikprogramm in der Tat mehr machen kann.