Hallo,
ich habe eine grafische Überschrift gemacht, die nun allerdings auch zweispaltig sein soll.
Dazu folgendens Typoscript:
lib.stdheader.10.1 = COA
lib.stdheader.10.1 {
10 = IMG_RESOURCE
10.stdWrap.wrap = <h1 class="imageheader" style="background-image: url('|')">
//Das funktioniert nicht
10.stdWrap.if.isFalse.data = register:SPLIT_COUNT
10.file = GIFBUILDER
10.file {
10 = TEXT
10 {
text.current = 1
listNum.stdWrap.data = register:SPLIT_COUNT
listNum.split {
token.char = 10
#cObjNum = 1 || 2
cObjNum = 1
}
fontFile = fileadmin/templates/fonts/GILB____.TTF
fontColor = #003974
fontSize = 22
niceText = 1
offset = 0,20
}
XY = [10.w]+10,[10.h]+10
transparentColor = #ffffff
backColor = #ffffff
}
15 < .10
//Das funktioniert nicht
15.stdWrap.if.isTrue.data = register:SPLIT_COUNT
15.stdWrap.wrap = <h1 class="imageheader" style="background-image: url('|'); height:60px;">
20 = TEXT
20.current = 1
20.wrap = |</h1>
}
Jetzt wird die Hintergrundgrafik, die den Text ausgibt schon richtig erzeugt. Nur das h1-Tag hat eine Höhe von 30px. Es soll aber nur dann eine Höhe von 60px haben, wenn eine zweite Zeile angelegt wurde.
ICh weiß aber nicht, wie ich den Wert abfragen kann.
Mit "15.stdWrap.if.isTrue.data = register:SPLIT_COUNT" gehts auf alle Fälle nicht.
Hier noch das CSS:
.imageheader {
background-repeat:no-repeat;
height:30px;
margin:5px 0pt;
overflow:hidden;
text-indent:999em;
white-space:nowrap;
width:906px;
}
Hallo,
für Dein spezielles Problem weiss ich auch nicht wie`s geht? :-)
Aber hier eine anderer Ansatz - vieleicht hilfts weiter:
Wenn es nicht unbedingt die Überschrift in einem Standard-Content-Element sein muss...
Ich habe einfach ein eigenes Content-Element für eine grafische Überschrift mit Templavoila erstellt, die zwei Eingabefelder hatte (oben und unten). So konnte man das Zeile für Zeile editieren.
Wenn du es geschickt mit CSS auszeichnest, kann man das sogar so machen, dass die zweite Zeile hinter die erste Zeile rutscht, also einzeilig wirtd, wenn mehr Platz im Layout hat.
Grüße Ralph
Hi,
ich hab das gleiche Problem in ähnlicher Form:
tempHeader = COA
tempHeader {
# siehe http://www.mortox.de/typo3-tipps/typoscript-sammlung/ueberschriften-als-bilder.html
# siehe auch: http://www.typo3wizard.com/de/snippets/gifbuilder/mehrzeiliger-text-im-gifbuilder.html
# für mehrzeilige h1 muss ein | an der umbruchstelle eingefügt werden. css muss dann auch angepasst werden (height)
10 = IMG_RESOURCE
10.stdWrap.wrap = <h2 class="imageheader" style="background-image: url('|')">
10.file = GIFBUILDER
10.file {
#10 = TEXT
#10 {
# text = >
# fontSize = 18
# offset = 5,18
# fontColor = #FFFFFF
# niceText = 1
#}
10 = TEXT
10 {
text.current = 1
fontSize = 10
fontFile = fileadmin/fonts/GOTHAM-B.TTF
offset = 0,20
fontColor = #FFFFFF
niceText = 0
antiAlias = 1
text.case = upper
text.listNum.splitChar=|
text.listNum=0
}
20 < .10
20.text.listNum=1
20.offset=0,24+[10.h]+6
30 < .10
30.text.listNum=2
30.offset=0,24+[10.h]+[20.h]+12
40 < .10
40.text.listNum=3
40.offset=0,24+[10.h]+[20.h]+[30.h]+18
XY = 400,[10.h]+[20.h]+[30.h]+[40.h]+30
#XY = [10.w]+23,26
transparentColor = #000000
backColor = #000000
}
20 = TEXT
20.current = 1
#20.wrap = <strong>|</strong></h2>
20.wrap = |</h2>
}
lib.stdheader.10.5 < tempHeader
Benutze aber kein Templavoila.
Der Text, der da ausgegeben wird, hat ja an der Umbruchstelle immer noch eine Pipe ( | ) drin. Kann man die nicht einfach per TypoScript durch ein BR (Zeilenumbruch) ersetzen lassen? Und zwar so, dass das BR nicht in der gerenderten Grafik auftaucht?