Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

typo3:vertikale_navigation_des_yaml-frameworks [13.07.2014 12:10] (aktuell)
wolfgang angelegt
Zeile 1: Zeile 1:
 +===== Vertikale Navigation des YAML-Frameworks =====
  
 +==== HTML (so soll es aussehen) ====
 +
 +<code html>
 +<h6 class="​vlist">​Title</​h6>​
 +<ul class="​vlist">​
 +  <​li><​a href="#">​Button 1</​a></​li>​
 +  <​li><​a href="#">​Button 2</​a></​li>​
 +  <​li><​span>​Ebene 3</​span>​
 +    <ul>
 +      <​li><​a href="#">​Button 3.1</​a></​li>​
 +      <li class="​active"><​strong>​Button 3.2</​strong></​li>​
 +      <​li><​a href="#">​Button 3.3</​a></​li>​
 +    </ul>
 +  </li>
 +  <​li><​a href="#">​Button 4</​a></​li>​
 +  <​li><​a href="#">​Button 5</​a></​li>​
 +</ul>
 +</​code>​
 +
 +==== Typoscript ====
 +
 +<code typoscript>​
 +lib.submenu = COA
 +lib.submenu {
 + 
 +  10 = TEXT
 +  10.wrap= <h6 class="​vlist">​|</​h6>​
 +  10.data = leveltitle:​2 // Anpassen an die Ebene der übergeordneten Seite
 + 
 +  20 = HMENU
 +  20 {
 +    entryLevel = 2 // Muss angepasst werden, je nach dem, auf welcher Ebene die übergeordneten Seiten liegen
 + 
 +  1 = TMENU
 +  1 {
 +    wrap = <ul class="​vlist">​|</​ul>​
 +    NO.wrapItemAndSub = <​li>​|</​li>​
 + 
 +    CUR = 1
 +    CUR.wrapItemAndSub = <li class="​active">​|</​li>​
 +    CUR.linkWrap = <​strong>​|</​strong>​
 +    CUR.doNotLinkIt = 1
 +  }
 + 
 +  2 < .1
 +  2.wrap = <​ul>​|</​ul>​
 + 
 +  3 < .2
 + 
 +  4 < .2
 +  5 < .2
 +  }
 +}
 +</​code>​