2011-09-26 8 views
5

Come faccio a creare un menu che i nomi della pagina coinvolto automatecaly in una navigazione numerica?Creare una navigazione numerica

Questa sarebbe la mia pagina albero:

Notizie
| --- tom newsarticle (contiene elementi di contenuto 9)
| --- roba di Skeet (contiene elementi di contenuto 9)
| --- Jessicas 5 articoli (comprende 4 elementi di contenuto)

Nel frontent tutti i 3 pagine vengono semplicemente visualizzati come navi numerico:

(Imagin gli elementi 9 textpic di "tom newsarticle" in qui) 01.235.
- 2 - 3

+0

Forse con una funzione itemArrayProcFunc – HerrSerker

+0

solo per ottenere aggiornamento: Qualcuno di queste risposte che lavorano per voi? – Mateng

risposta

2

{registro: count_HMENU_MENUOBJ} dovrebbe fare il trucco - l'ho trovato nei commenti qui http://www.typo3wizard.com/de/snippets/menus/nummeriertes-menue.html. (Tedesco)

Qui ho usato @konsolenfreddies hMenu esempio, modificato per le vostre esigenze. (Non testato).

temp.menu = HMENU 
temp.menu { 
    1 = TMENU 
    1 { 
     noBlur = 1 
     wrap = <ul>|</ul> 
     NO = 1 
     NO { 
      wrapItemAndSub = <li>|</li> 
      altText = subtitle // title 
      title = subtitle // title 
     } 
     CUR < .NO 
     CUR.wrapItemAndSub = <li class="active">|</li> 
     ACT < .CUR 
    } 

    2 < .1 
    2 { 
     wrap = <ol>|</ol> 
     NO { 
      allWrap = <span>Nr.{register:count_HMENU_MENUOBJ}|</span> 
      allWrap.insertData = 1 
      ATagBeforeWrap = 1 
      } 
     CUR < .NO 
     CUR.wrapItemAndSub = <li class="active"><span>|</span></li> 
     ACT < .CUR 
    } 
} 

In questo caso, suppongo che tutte le sottopagine vengano prese in considerazione durante la numerazione. E l'installazione completa come descritta sul sito è molto più complicata. Ma se conosci il tuo typoscript, capirai.

1

Prima di tutto, è possibile utilizzare il titolo di navigazione alternativo nominarli singolarmente, ma che potrebbe essere noioso in un albero pagina più grande.

una soluzione potrebbe essere quella di creare una navigazione OL e rimuovere il titolo tramite CSS. In questo modo la navigazione è ancora accessibile e dà alcuni suggerimenti su ciò che c'è dietro i numeri:

temp.menu = HMENU 
temp.menu { 
    1 = TMENU 
    1 { 

     noBlur = 1 
     wrap = <ul>|</ul> 
     NO = 1 
     NO { 
      wrapItemAndSub = <li>|</li> 
      altText = subtitle // title 
      title = subtitle // title 
     } 
     CUR < .NO 
     CUR.wrapItemAndSub = <li class="active">|</li> 
     ACT < .CUR 
    } 

    2 < .1 
    2 { 
     wrap = <ol>|</ol> 
     NO.wrapItemAndSub = <li><span>|</span></li> 
     CUR < .NO 
     CUR.wrapItemAndSub = <li class="active"><span>|</span></li> 
     ACT < .CUR 
    } 
} 

Il CSS corrispondente:

ol li span {display:none;} 
+0

Soluzione intelligente. Prendi in considerazione che nella tua soluzione, i numeri non possono essere cliccati. Tuttavia, con un po 'di magia magica, potrebbe funzionare: 'ol li span { larghezza: 24px; margin-left: -20px; padding-left: 20px; overflow: nascosto; } ' Sfortunatamente non è valido. Fonte: http://forums.devshed.com/css-help-116/make-li-labels-clickable-in-an-ol-747500.html – Mateng

+0

PS: Ahimè, margini negativi * * sono validi anzi: http: //coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/ – Mateng