---
title: "Überschriften als Bild rendern"
url: "https://www.typo3.net/d/44672-ueberschriften-als-bild-rendern"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2006-06-13"
last_reply: "2006-06-13"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Überschriften als Bild rendern

TYPO3 › TypoScript · 2 Antworten · gestartet 2006-06-13

## Eröffnungsbeitrag

**intensio** · 2006-06-13 · [Beitrag #1](https://www.typo3.net/d/44672-ueberschriften-als-bild-rendern/1)

Hallo!

Ich lasse meine Überschriften als Bild rendern. Dazu benutze ich den folgenden Code:

```typoscript
#################################################################################
# Überschriften werden als Grafik ausgegeben
#################################################################################
DefaultHeader = IMAGE
DefaultHeader {
  wrap = |
  file = GIFBUILDER
  file {
   XY = [10.w]+5,40
   transparentColor = #f8f8f8
   backColor = #f8f8f8
   10 = TEXT
   10.maxWidth = 500
   10.textMaxLength = 500
   10.text.field =
   10.text.current = 1
   10.fontSize = 16
   10.offset = 0,20
   10.fontFile = fileadmin/fonts/SMAFUBKT.ttf
   10.fontColor = #2066ab
   10.niceText = 1
  }
}
lib.stdheader.10.1 < DefaultHeader
```

Jetzt habe ich nur noch ein Problem. Wenn der Text eine Breite über 500 Pixel bekommt, wird das Bild einfach in der Breite angepasst. Dadurch wird die Schrift des Bildes kleiner.

Ich möchte aber, dass das Bild sich in der Höhe anpasst und somit die Überschrift 2 Zeilen hat. Was muß ich an meinem Code abändern?

## Antworten

### [#2](https://www.typo3.net/d/44672-ueberschriften-als-bild-rendern/2) · just2b · 2006-06-13

für zeilenumbruch in gmenu lautet das stichwort für die suche "splitChar"

lg georg

### [#3](https://www.typo3.net/d/44672-ueberschriften-als-bild-rendern/3) · igorshmigor · 2006-06-13

```typoscript
#################################################################################
# Überschriften werden als Grafik ausgegeben
#################################################################################
DefaultHeader = IMAGE
DefaultHeader {
  wrap = |
  file = GIFBUILDER
  file {
   XY = [10.w]+5,[16.h]+10
   transparentColor = #f8f8f8
   backColor = #f8f8f8
   10 = TEXT

###################Achtung neu!!!##################################
   10.text.listNum=0
   10.text.listNum.splitChar=|
######################################################

   10.maxWidth = 500
   10.textMaxLength = 500
   10.text.field =
   10.text.current = 1
   10.fontSize = 16
   10.offset = 0,20
   10.fontFile = fileadmin/fonts/SMAFUBKT.ttf
   10.fontColor = #2066ab
   10.niceText = 1

################Auch neu!!!!!#########################
15<.10
15.text.listNum=1
15.offset=14,32
16<.10
16.text.case=upper
16.text.listNum=1
16.fontSize=22
16.offset=1000,1000
###################Ende#######################

  }
}
lib.stdheader.10.1 < DefaultHeader
```

Entnommen aus dem Buch Praxiswissen Typo3 von Robert Meyer. Sehr empfehlenswert übrigens.
In der Überschrift mußt Du dann an der Stelle, an welcher der Zeilenumbruch erfolgen soll, ein | einfügen.
Durch die Anweisung splitChar=| wird an dieser Stelle umbrochen. listNum=0 sagt, dass die erste Zeile angezeigt werden soll, listNum=1 zeigt die zweite usw. ...
16 ist eine unsichtbare Hilfsebene, die dafür sorgt, dass mit Hilfe einer Versalzeile (text.case=upper) die berechnete Höhe nicht abhängig vom Text ist (bei Kleinbuchstaben sorgen Buchstaben wie g, y, q, p, j eventuell für höhere Zeilen).

---

Quelle: „Überschriften als Bild rendern“, typo3.net, https://www.typo3.net/d/44672-ueberschriften-als-bild-rendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.