[Typo3-german] Anf änger - Problem mit Template-Tutorial

[Rolf Aglaster]

Moritz schrieb:
> Hallo liebe Typo3-Community!
> 
> ich habe vor ein paar Tagen angefangen mich in Typo3 einzulesen und hänge im Moment bei den Templates:
> Ich habe das Tutorial "Modern Template Building" gemacht und dachte eigentlich ich hätte alles einigermaßen verstanden - doch: weit gefehlt.
> Alles was ich machen wollte war, das Menue der vorgegebenen Seite so zu ändern das aus einem horizontalen ein waagerechtes Menü wird. Dazu habe ich den Template-Code wie folgt geändert:
> -------
> TEMPLATE ALT:
> <!-- Menu table cell: -->
> 		<td id="menu_1">
> 			<div class="menu1-level1-no"><a href="#">Menu item 1</a></div>
> 			<div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
> 			<div class="menu1-level1-act"><a href="#">Menu item 3 (act)</a></div>
> 			<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
> 			<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
> 			<div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div>
> 			<div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
> 		</td>
> 
> TEMPLATE NEU:
> <tr>
> 		  <td id="menu_1"><div class="menu1-level1-no"><a href="#">Menu item 1</a></div></td>	
> 		  <td id="menu_1"><div class="menu1-level1-no"><a href="#">Menu item 2</a></div></td>
> 		  <td id="menu_1"><div class="menu1-level1-act"><a href="#">Menu item 3 (act)</a></div>
> 							<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
> 							<div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
> 							<div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div></td>
> 		  <td id="menu_1"><div class="menu1-level1-no"><a href="#">Menu item 2</a></div></td>
> 		</tr>
> ---


Also ich würde das eher so lösen:
<tr><td id="menu_1">###MENUE_1###
     </td>
</tr>
Das dürfte doch völlig ausreichen.

Dazu für den Marker dann im TS-Setup die Ausrichtung des Menüs per wrap 
organisieren:

# Menu 1 cObject
temp.menu_1 = HMENU
   # First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
     # Normal state properties
   NO.allWrap = <div class=irgendwas normal>  | </div><br />

     # Enable active state and set properties:
   ACT = 1
   ACT.allWrap = <div class="irgendwas activ" | </div><br />
}

Das macht dir das Menü untereinander

Willst du das Level 2 dann anders, kanst du das über verschiedene 
<div>'s realisieren, oder auch direkt im wrap formatieren.

Waagerechtes Menü geht dann einfach ohne den Zeilenumbruch (<br />). 
Statt dessen dann ein Trennzeichen einfügen oder ein Leerzeichen ...

Das ganze geht natürlich auch mit Tabellen. Ich hab mich nach einem 
erfolglosen Versuch nach einiger Zeit mit der deutschen doku von 
Mittwaldmedien auseinandergesetzt und da ist mir dann ein Licht 
aufgegangen. Schau doch mal da rein.

Ich hoffe, mein Posting nützt dir was.