---
title: "Template für bestimmte Bereiche nutzen"
url: "https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen"
source: "typo3.net"
tags: ["Allgemein","Frage","TYPO3 4","Templates & Layouts"]
created: "2008-11-13"
last_reply: "2008-11-20"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Template für bestimmte Bereiche nutzen

Allgemein · 5 Antworten · gestartet 2008-11-13

## Eröffnungsbeitrag

**Martin M** · 2008-11-13 · [Beitrag #1](https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen/1)

Puh, mein erster Post hier, ich versuche mich mal so gut wie möglich an die Regeln zu halten.

Also, ich arbeite mich seit einigen Wochen in Typo3 4.2.2 ein. Die Dokumentation hab ich durchgearbeitet.

Ich bastel mir bereits ein eigenes Template zusammen, was soweit auch problemlos funktioniert. Hab mir HTML- und CSS-Vorlagen geschrieben und bearbeite sie erfolgreich mit TypoScript.

Nun stellt sich mir folgendes Problem. Ich will bestimmte Punkte im Verzeichnisbaum andere templates benutzen. Diese sollen aber NICHT generell vererbt werden. Ich habe 2 templates erstellt und sie benannt.

Wie kannn ich nun für einzelne Seiten im Verzeichnisbaum festlegen, dass sie mein bereits erstelltes Template nutzen sollen? Sprich, ich würde gern meine Templates in dieser Popup-Liste wiederfinden:

[Bild: martinmelzer.de/…/templates.jpg](http://www.martinmelzer.de/pics/templates.jpg)

EDIT:
na, und gleich beim ersten Post im Titel vertippt  :o

## Antworten

### [#2](https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen/2) · Michaelh74 · 2008-11-13

Auf jeder Seite gibt es unter Seiteneigenschaften den Punkt "Layout".

Das Layout 1, 2, 3, etc. kannst Du auch selbst benennen z.B.
Layout 3-spaltig
Layout 2-spaltig
ganz nach Belieben.

Dann setzt Du per Typoscript eine Condition auf das Feld Layout.
Dort kommt dann dein jeweilige Template.

```typoscript
page.10.template.file = deinTemplate.html
```

Gruß
Michael

### [#3](https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen/3) · Martin M · 2008-11-13

Ah, BESTEN DANK!

Auch wenn ich's heute nicht mehr ausprobieren werde... Aber ich denk ich werd's hinkriegen. Bis dahin bleibt der Thread mal noch offen...

### [#4](https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen/4) · Martin M · 2008-11-20

So, bin heute erst wieder dazu gekommen.

Also das Feld ist klar. Allerdings kann ich da ja nur "Layout1/2/3" oder "Normal" auswählen. Icch finde nicht heraus, wie ich das umbenennen kann (was du angesprochen hattest.

Desweiteren klappt die Ansteuerung in TypoScript nicht. Ich halte mich dabei an das Beispiel aus der Typo3-Doku (S.51).

Dazu kommt, dass ich bisher offline mit dem Winstaller getestet habe und nun auf einer Online-Installation arbeiten wollte (selbe Version 4.2.2). Die Projekte sind identisch aber in der Online-Version werden meine beiden Menüs überhaupt nicht angezeigt...

### [#5](https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen/5) · Michaelh74 · 2008-11-20

Geht wie das Umbenennen von jedem Formular Element im Typo3 Backend.

Im Seiten-TS (NICHT Setup oder Constants)

```typoscript
### Rename Page Layout Items ###
TCEFORM.pages.layout.altLabels {
  1 = mein Label
}
### Remove Page Layouts ###
TCEFORM.pages.layout.removeItems = 2,3
```

Gruß
Michael

### [#6](https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen/6) · Martin M · 2008-11-20

Danke Michael!

Allerdings komm ich immernoch nicht so recht weiter. Die Einbindung klappte ja auch so nicht (auch mit den Standard-Einträgen "Layout1" usw...).

Aber das liegt wohl einfach daran, dass ich mich noch viel tiefer in die Materie einlesen muss. Das ist schon ziemlich komplex und umfangreich. Ich werde mir wohl erstmal zusätzlich zur Doku das Buch "Einstieg in Typo3 4.2" kaufen, um weiterzukommen.

Desweiteren begreife ich halt echt nicht, warum mein Template, welches ich in der Winstaller-Version erstellt habe, in der "normalen" Version (beides 4.2.2) nicht funktioniert. Da kommen zig Fehlermeldungen bei der Anzeige und die Menüs sind auch nicht da.

Falls sich jemand berufen fühlt mir zu helfen, hier mein TS

```typoscript
seite = PAGE
seite {
   typeNum = 0
   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/vorlage-spalten.html
   10.workOnSubpart = DOKUMENT
   
   bodyTag = <body bgColor="#ffffff">
   stylesheet = fileadmin/style-spalten.css
   meta.AUTHOR = Martin M
   meta.DESCRIPTION = Testseite
   
   
   10.marks {
      BANNER = IMAGE
      
      TOPMENUE = HMENU
      TOPMENUE.special = directory
      TOPMENUE.special.value = 5
      TOPMENUE.entryLevel = 1
      TOPMENUE.1 = GMENU
      TOPMENUE.1.NO = 1
      TOPMENUE.1.NO {
         XY = 140, 30
         backColor = #475189
     
         3 = IMAGE
         3.file = fileadmin/images/button.jpg
         
         10 = TEXT
         10.text.field = title
         10.fontColor = #FFFFFF
         10.fontFile = fileadmin/fonts/verdana.ttf
         10.fontSize = 10
         10.niceText = 1
         10.offset = 20, 19
      }


      SUBMENUE = COA
      SUBMENUE.10 = IMAGE
      SUBMENUE.10.file = GIFBUILDER
      SUBMENUE.10.file {
         XY = 150, 40
         backColor = #ffffff
        
         10 = IMAGE
         10.file = fileadmin/images/pointred.jpg
         10.offset = 0, 10

      
         20 = TEXT
         20.data = DB:pages:13:title
         20.fontFile = fileadmin/fonts/verdana.ttf
         20.fontSize = 18
         20.fontColor = #000000
         20.niceText = 1
         20.offset = 20, 22
                  
      }
      SUBMENUE.20 = HMENU
      SUBMENUE.20 {
         special = directory
         special.value = 13
         entryLevel = 2
         1 = GMENU
         1.NO = 1
         1.NO {
            XY = 160, 18
            backColor = #ffffff
                      
            10 = TEXT
            10.text.field = title
            10.fontColor = #000000
            10.fontFile = fileadmin/fonts/verdana.ttf
            10.fontSize = 12
            10.niceText = 1
            10.offset = 30, 13
                        
         }
         1.RO < .1.NO
         1.RO.backColor = #dddddd
      }
      SUBMENUE.20.2 < .SUBMENUE.20.1
      SUBMENUE.20.2.NO {
         10.offset = 40, 13
         10.fontSize = 11
      }
      SUBMENUE.20.2.RO {
         10.offset = 40, 13
         10.fontSize = 11
      }
      SUBMENUE.20.3 < .SUBMENUE.20.2
      SUBMENUE.20.3.NO {
         10.offset = 50, 13
      }
      SUBMENUE.20.3.RO {
         10.offset = 50, 13
      }
   
     
      CONTENTLEFT = CONTENT
      CONTENTLEFT {
         table = tt_content
         select.orderBy = sorting
         select.where = colPos = 0
      }
      
      CONTENTRIGHT = CONTENT
      CONTENTRIGHT {
         table = tt_content
         select.orderBy = sorting
         select.where = colPos = 2
      }
      
      
      FOOTER = TEXT
      FOOTER {
         value = Copyright &copy; ...... 2008
      }
   }
}
```

Der Content-Bereich wurde hier noch nicht groß designt, aber das soll jetzt auch nicht das Thema sein, der kommt dann noch.

```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<body>
<!-- ###DOKUMENT### begin -->
<div id="fenster" >
         <div id="banner" >###BANNER###</div>
         <div id="topmenue" >###TOPMENUE###</div>
         <div id="main" >
                 <div id="submenue" >###SUBMENUE###</div>
                 <div id="contentrahmen" >

                         <div id="linkespalte" >###CONTENTLEFT###</div>
                         <div id="rechtespalte" >###CONTENTRIGHT###</div>

                 </div>
         </div>
         <div id="footer" >###FOOTER###</div>

</div>
<!-- ###DOKUMENT### end -->
</body>
</html>
```

und die CSS:

```javascript
#fenster {
   width: 950px;
   margin: auto;
}

#banner {
   width: 950px;
   height: 128px;
   float: left;
   background-image: url(images/banner.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   overflow: hidden;
}

#topmenue {
   width: 950px;
   height: 28px;
   float: left;
   background: #3e7bcc;
   overflow: hidden;
}

#main {
   width: 950px;
   min-height: 250px;
   margin-top: 25px;
   float: left;
   overflow: hidden;
}

#submenue {
   width: 160px;
   min-height: 250px;
   padding-top: 15px;
   float: left;
   background: #ffffff;
   /*border-right: solid 1px #000000;*/
   overflow: hidden;
}

#submenue a {
   /*margin-left: 15px;*/
}

#submenue h1 {
   font-size: 18px;
   font-family: verdana;
   margin-left: 10px;
}

#contentrahmen {
   width: 790px;
   float: left;
   background: #ffffff;
   overflow: hidden;
}

#linkespalte {
   width: 350px;
   min-height: 250px;
   margin-left: 0px;
   padding-left: 15px;
   margin-top: 20px;
   min-height: 200px;
   float: left;
   background: #ffffff;
   border-left: 2px solid #c00000;
   overflow: hidden;
}
#rechtespalte {
   width: 350px;
   min-height: 250px;
   margin-left: 40px;
   padding-left: 15px;
   margin-top: 20px;
   min-height: 200px;
   float: left;
   background: #ffffff;
   border-left: 2px solid #c00000;
   overflow: hidden;
}

#header {
   margin-top: 10px;
}
#bodytext {
   margin-bottom: 20px;
}

#contentrahmen table tr td {
   border: 1px solid #c00000;
   cellpadding: 0px;
   cellspacing: 10px;
}
#contentrahmen table thead {
   border: 2px solid #900000;
   /*background: #ffdddd;*/
   cellpadding: 0px;
   cellspacing: 0px;
}

#footer {
   width: 950px;
   height: 150px;
   margin-top: 80px;
   padding-left: 400;
   background: #ffffff;
   font-family: verdana;
   font-size: 11px;


   float: left;
   overflow: hidden;
}
```

---

Quelle: „Template für bestimmte Bereiche nutzen“, typo3.net, https://www.typo3.net/d/83956-template-fuer-bestimmte-bereiche-nutzen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.