---
title: "Riesenprobleme mit grafischen Bildüberschriften"
url: "https://www.typo3.net/d/67056-riesenprobleme-mit-grafischen-bildueberschriften"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage"]
created: "2007-08-21"
last_reply: "2007-08-23"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# Riesenprobleme mit grafischen Bildüberschriften

TYPO3 › TypoScript · 4 Antworten · gestartet 2007-08-21

## Eröffnungsbeitrag

**superilse** · 2007-08-21 · [Beitrag #1](https://www.typo3.net/d/67056-riesenprobleme-mit-grafischen-bildueberschriften/1)

Hi zusammen, ich breche bald zusammen.

Grafische Headings bringen mich noch ins Grab.

Ich bekomme meine Seite schlecht formatiert, wenn ich kein css_stylend_content einbinde. Als static sind im Template content(default) und cset ausgewählt.

Ich habe bereits nach etlichen Tutorials versucht, die Bildüberschriften direkt im Setup des Templates anzugeben, hat aber alles nicht geklappt mit gleichen statics included.

Deshalb habe ich es mal über die Constants im Template ausprobiert mit Heading 5 ausprobiert, diese geändert und es funktioniert prima. Allerdings nur ohne css_styled_content, was mir dann wiederum Ansicht verreisst.

Was mache ich denn nur falsch?

Das hier ist mein Template:

seite = PAGE
seite {
typeNum = 0
stylesheet = fileadmin/styles.css

10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
10.marks.TRAILER = TEXT
10.marks {
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 440, 45
backColor = #faf0c3
10 = TEXT
10.text.field = subtitle
10.fontSize = 20
10.fontFile = fileadmin/fonts/frutiger.ttf
10.fontColor = #000000
10.niceText = 1
10.offset = 0, 40
}

MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 2
MENU_OBEN.1 = TMENU
MENU_OBEN.1.NO = 1
MENU_OBEN.1.NO.ATagParams = class="klein"
MENU_OBEN.1.NO.linkWrap = |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp

MENU_LINKS = HMENU
MENU_LINKS.special = directory
MENU_LINKS.special.value = 36
MENU_LINKS.entryLevel = 1
MENU_LINKS.1 = GMENU
MENU_LINKS.1.NO = 1
MENU_LINKS.1.NO{
        wrap = |

        XY = 207, [10.h]+[20.h]+20

        backColor = #faf0c3

        10 = TEXT
        10.text.field = title
        10.fontColor = #7f2028

        10.fontFile = fileadmin/fonts/stone_sans.ttf
        10.fontSize = 9
        10.niceText = 1
        10.offset = 10, 20
        10.text.listNum = 0
        10.text.listNum.splitChar = /

        20 < .10
        20.fontColor = #000000
        20.fontSize = 8
        20.text.listNum = 1
        20.offset = 10,30
        20.if.isTrue=1

21 = IMAGE
21.file = GIFBUILDER
21.file {
XY = 207,1
backColor = #FFFFFF
}
21.offset = 0, 43
}
MENU_LINKS.1.RO < .MENU_LINKS.1.NO
MENU_LINKS.1.RO {
tmp < .backColor
backColor = #f4d058
5 < .10
5.fontColor < .tmp
5.offset = 10,20
}
MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
MENU_LINKS.2 < .MENU_LINKS.1
MENU_LINKS.2 {
NO.backColor = #f4e195
NO.10.fontColor = #000000
NO.20.file.backColor = #000000
NO.10.fontSize = 8
RO < .NO
RO.backColor = #f5d679
RO.5 >
CUR < .RO

}
}
LINKS1 = CONTENT
LINKS1 {
table = tt_content
select {
pidInList = 46
orderBy = sorting
where = colPos= 1
}
OBEN = CONTENT
OBEN {
table = tt_content
select.orderBy = sorting
select.where = colPos = 3
}
LINKS = CONTENT
LINKS {
table = tt_content
select.orderBy = sorting
select.where = colPos = 1
}
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
RECHTS = CONTENT
RECHTS {
table = tt_content
select.orderBy = sorting
select.where = colPos = 2
}
UNTEN = CONTENT
UNTEN {
table = tt_content
select.orderBy = sorting
select.where = colPos = 4
}

Über Hilfe würde ich mich sehr freuen.... :'(  :'(

## Antworten

### [#2](https://www.typo3.net/d/67056-riesenprobleme-mit-grafischen-bildueberschriften/2) · Unbekannter Benutzer · 2007-08-21

Also,

du möchtest deine Content-Überschriften als Grafiken rendern lassen? Das klappt aber nicht so? Willst du mit css_styled_content arbeiten oder nicht? Das ist mir noch nicht klar geworden.

Grüße
Christian

### [#3](https://www.typo3.net/d/67056-riesenprobleme-mit-grafischen-bildueberschriften/3) · superilse · 2007-08-21

Hallo und vielen Dank für die schnelle Antwort.

Genau: Content-Überschriften als Grafik rendern. Hier überall 1000x beschrieben, aber ich bin wohl doch zu doof ;-)

Und css_styled_content möchte ich verwenden.

Das aus dem Template keine Überschrift generiert wird, ist mir schon klar.

Aber normalerweise müsste es doch so gehen:

Den allgemeinen Codeschnipsel s.u. in mein Template eintragen, und fertig, oder? stdheader.10.1 ist dann die normal Heading-Formatierung oder? oder auch die zweite angegebene im Heading eines Content-Elements, weiss nicht mehr so genau... aber datt funzt nett.

Header1 = IMAGE
Header1 {
  wrap = <h2>|</h2>
  file = GIFBUILDER
  file {
   XY = [10.w]+5,26
   transparentColor = #ffffff
   backColor = #ffffff
   10 = TEXT
   10.text.field =
   10.text.current = 1
   10.fontSize = 18
   10.offset = 0,20
   10.fontFile = fileadmin/fonts/LIBSA1.TTF
   10.fontColor = #587BA9
   10.niceText = 1
  }
}

lib.stdheader.10.1 < Header1

### [#4](https://www.typo3.net/d/67056-riesenprobleme-mit-grafischen-bildueberschriften/4) · Unbekannter Benutzer · 2007-08-22

sieht im Grunde gut aus. binde bitte mal nur css_styled_content ein und entferne noch 10.niceText = 1 und prüfe ob der angegebene Font auch vorhanden ist.

Und dann lösch alle Caches und guck nochmal ob was kommt.. Achso und bei 10.text.field bitte noch so ändern:

10.text.field = header

### [#5](https://www.typo3.net/d/67056-riesenprobleme-mit-grafischen-bildueberschriften/5) · superilse · 2007-08-23

Also ich komme nicht richtig weiter.

Ich möchte jetzt erstmal hingehen und die Titel in einer Grafik mit Umbruch auf der Seite darstellen lassen.

Aber ich raffs nicht, die Angaben aus dem Template mit dem Codeschnipsel in mein Template zu bringen.

Kann mir da vielleicht auch jemand helfen.

Ist es nicht so?

Einfach den Schnipsel obendrüber übers ganz Template und dann als Marker wieder einlesen?

```typoscript
temp.ueberschrift = COA
temp.ueberschrift {
   10 = COA
   10 {
      10 = IMG_RESOURCE
      10 {
         file = GIFBUILDER
         file {
            XY = [10.w]+10,[10.h]+10
            10 = TEXT
            10 {
               text.field = abstract
               fontSize = 40
               fontFile = frutiger.ttf
               fontColor = #000000
               offset = 0,30
            }
            20 = SCALE
            20 {
               width = [10.w]/2+5
               height = [10.h]/2+5
            }
         }
         stdWrap.outerWrap.cObject = COA
         stdWrap.outerWrap.cObject {
            5 = LOAD_REGISTER
            5.headerlines.cObject = TEXT
            5.headerlines.cObject.data = field:abstract
            5.headerlines.cObject.br = 1
            10 = TEXT
            10.value = |
            10.dataWrap (
<h1 style="background: url(|) no-repeat;">
<span><span>{register:headerlines}</span></span>
</h1>
)
         }
      }
   }
}

page = PAGE
page.includeCSS {
  mehrzeilig = mehrzeilig.css
}
page.10 < temp.ueberschrift
```

Das klappt prima. Geht übrigens mit jedem mehrzeiligem Feld.
Jetzt möchte ich das aber gerne in MEin Template einbinden. Und das gibt nur Chaos.

Hier nochmal mein Template:

```typoscript
seite = PAGE
seite {
typeNum = 0
stylesheet = fileadmin/styles.css
meta.AUTHOR = 
meta.DESCRIPTION = 
meta.KEYWORDS = 
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/vorlage.html
10.workOnSubpart = DOKUMENT
10.marks {

TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 430, 48
backColor = #faf0c3
transparentColor = #faf0c3
10 = TEXT
10.text.field = subtitle
10.fontSize = 20
10.fontFile = fileadmin/fonts/frutiger.ttf
10.fontColor = #000000
10.niceText = 1
10.offset = 0, 40
}

BREADCRUMP = HMENU
BREADCRUMP {
    special = rootline
    special.range = 1|-1
    1 = TMENU
    1 {
        NO.linkWrap = | >
        NO.stdWrap2.noTrimWrap = | | |
        CUR < .NO
        CUR = 1
        CUR {
            linkWrap = |
            doNotLinkIt = 1
        }
    }
}

MENU_OBEN = HMENU
MENU_OBEN.special = directory
MENU_OBEN.special.value = 2
MENU_OBEN.1 = TMENU
MENU_OBEN.1.NO = 1
MENU_OBEN.1.NO.ATagParams = class="klein"
MENU_OBEN.1.NO.linkWrap = |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp


MENU_LINKS = HMENU
MENU_LINKS.special = directory
MENU_LINKS.special.value = 36
MENU_LINKS.entryLevel = 1
MENU_LINKS.1 = GMENU
MENU_LINKS.1.NO = 1
MENU_LINKS.1.NO{
        wrap = |
                
        XY = 207, [10.h]+[20.h]+20
       
        backColor = #faf0c3
        
       
       
 
        10 = TEXT
        10.text.field = title
        10.fontColor = #7f2028
 
        10.fontFile = fileadmin/fonts/stone_sans.ttf
        10.fontSize = 9
        10.niceText = 1
        10.offset = 10, 20
        10.text.listNum = 0
        10.text.listNum.splitChar = /
 
        20 < .10
        20.fontColor = #000000
        20.fontSize = 8
        20.text.listNum = 1
        20.offset = 10,30
        20.if.isTrue=1

21 = IMAGE
21.file = GIFBUILDER
21.file {
XY = 207,1
backColor = #FFFFFF
}
21.offset = 0, 43
}
MENU_LINKS.1.RO < .MENU_LINKS.1.NO
MENU_LINKS.1.RO {
tmp < .backColor
backColor = #f4d058
5 < .10
5.fontColor < .tmp
5.offset = 10,20
}
MENU_LINKS.1.CUR < .MENU_LINKS.1.RO
MENU_LINKS.2 < .MENU_LINKS.1
MENU_LINKS.2 {
NO.backColor = #f4e195
NO.10.fontColor = #000000
NO.20.file.backColor = #000000
NO.10.fontSize = 8
RO < .NO
RO.backColor = #f5d679
RO.5 >
CUR < .RO
} 
LINKS1 = CONTENT 
LINKS1 { 
table = tt_content 
select { 
pidInList = 46 
orderBy = sorting 
where = colPos= 1 
} 
}
LINKS = CONTENT
LINKS {
table = tt_content
select.orderBy = sorting
select.where = colPos = 1
}
CONTENT = CONTENT
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
OBEN = CONTENT
OBEN {
table = tt_content
select.orderBy = sorting
select.where = colPos = 3
}
UNTEN = CONTENT
UNTEN {
table = tt_content
select.orderBy = sorting
select.where = colPos = 4
}
RECHTS = CONTENT
RECHTS {
table = tt_content
select.orderBy = sorting
select.where = colPos = 2
}
}
```

Ist die Syntax des Templates eigentlich richtig?

Ich möchte den Codeschnipsel ganz oben ganz gerne als Marker einsetzen, aber irgendwie klappt das nicht, wenn ich es unter dem Trailer ansetze. Danach wird nur noch der Trailer gerendert und mehr kommt dann nicht.

Bitte hilf  #angry#  #angry#  #angry#

Jetzt habe ich mir extra 2 tolle Bücher mit solchen tollen funktionierenden Beispielen gekauft und komme immer noch nicht weiter  #paralyzed#

---

Quelle: „Riesenprobleme mit grafischen Bildüberschriften“, typo3.net, https://www.typo3.net/d/67056-riesenprobleme-mit-grafischen-bildueberschriften
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
