---
title: "2-zeilige grfische Überschrift"
url: "https://www.typo3.net/d/84060-2-zeilige-grfische-ueberschrift"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2008-11-17"
last_reply: "2009-02-02"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# 2-zeilige grfische Überschrift

TYPO3 › TypoScript · 2 Antworten · gestartet 2008-11-17

## Eröffnungsbeitrag

**lobby** · 2008-11-17 · [Beitrag #1](https://www.typo3.net/d/84060-2-zeilige-grfische-ueberschrift/1)

Hallo,
ich habe eine grafische Überschrift gemacht, die nun allerdings auch zweispaltig sein soll.
Dazu folgendens Typoscript:

```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:

```html
.imageheader {
background-repeat:no-repeat;
height:30px;
margin:5px 0pt;
overflow:hidden;
text-indent:999em;
white-space:nowrap;
width:906px;
}
```

## Antworten

### [#2](https://www.typo3.net/d/84060-2-zeilige-grfische-ueberschrift/2) · ralphle · 2008-11-17

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

### [#3](https://www.typo3.net/d/84060-2-zeilige-grfische-ueberschrift/3) · yahooooo · 2009-02-02

Hi,
ich hab das gleiche Problem in ähnlicher Form:

```typoscript
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?

---

Quelle: „2-zeilige grfische Überschrift“, typo3.net, https://www.typo3.net/d/84060-2-zeilige-grfische-ueberschrift
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.