2011-09-26 5 views
5

Comment créer un menu qui nomme automatiquement la page impliquée dans une navigation numérique?Créer une navigation numérique

Ce serait ma page arbre:

Nouvelles
| --- tom Newsarticle (contient 9 éléments de contenu)
| --- stuff de Skeet (contient 9 éléments de contenu)
| --- Jessicas 5 articles (contient 4 éléments de contenu)

dans le Frontend les 3 pages seront simplement affichées sous forme d'un navi numérique:

(Imagin les 9 éléments textpic de "tom Newsarticle" dans ici)
- 2 - 3

+0

Peut-être avec une fonction utilisateur itemArrayProcFunc – HerrSerker

+0

juste pour obtenir mise à jour: Est-ce que ces réponses travaillent pour vous? – Mateng

Répondre

2

{Registre: count_HMENU_MENUOBJ} devrait faire l'affaire - je l'ai trouvé dans les commentaires ici http://www.typo3wizard.com/de/snippets/menus/nummeriertes-menue.html. (allemand)

Ici, j'ai utilisé l'exemple @konsolenfreddies HMENU, modifié pour vos demandes. (Non testé).

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 
    } 
} 

Dans ce cas, je suppose que toutes les sous-pages sont prises en compte lors de la numérotation. Et la configuration complète décrite sur le site est beaucoup plus compliquée. Mais si vous connaissez votre typoscript, vous comprendrez.

1

Tout d'abord, vous pouvez utiliser le titre alternatif de navigation pour les nommer individuellement, mais peut-être fastidieux dans un arbre de plus grande page.

une solution serait de créer une navigation OL et supprimer le titre via CSS. De cette façon, la navigation est toujours accessible et donne quelques indications sur ce qui se cache derrière les chiffres:

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 
    } 
} 

Le CSS correspondant:

ol li span {display:none;} 
+0

Solution de contournement astucieuse. Prenez en compte que dans votre solution, les numéros ne peuvent pas être cliqués. Cependant, avec un peu de magick css, cela pourrait fonctionner: 'ol li span { largeur: 24px; marge gauche: -20px; rembourrage-gauche: 20px; dépassement: masqué; } ' Malheureusement, ce n'est pas valide. Source: http://forums.devshed.com/css-help-116/make-li-labels-clickable-in-an-ol-747500.html – Mateng

+0

PS: Hélas, les marges négatives * sont * valables en effet: http: //coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/ – Mateng

Questions connexes