2011-09-26 26 views
5

¿Cómo creo un menú que automáticamente nombra la página involucrada en una navegación numérica?Crear una navegación numérica

Esta sería mi árbol de páginas:

Noticias
| --- tom Newsarticle (9 contiene elementos de contenido)
| --- cosas de Skeet (9 contiene elementos de contenido)
| --- Jessicas 5 artículos (contiene 4 elementos de contenido)

en el frontend los 3 páginas se muestran simplemente como un navi numérico:

(Imagin los 9 elementos textpic de "tom Newsarticle" en aquí)
- 2 - 3

+0

Tal vez con una función de usuario itemArrayProcFunc – HerrSerker

+0

Sólo para recibir información actualizada: ¿Alguna de estas respuestas que trabajan para usted? – Mateng

Respuesta

2

{registrarse: count_HMENU_MENUOBJ} debe hacer el truco - me pareció en los comentarios aquí http://www.typo3wizard.com/de/snippets/menus/nummeriertes-menue.html. (alemán)

Aquí usé @konsolenfreddies HMENU ejemplo, modificado para sus demandas. (No probado).

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

En este caso, creo que todas las páginas secundarias se toman en cuenta al numerar. Y la configuración completa tal como se describe en el sitio es mucho más complicada. Pero si conoce su typoscript, lo entenderá.

1

En primer lugar, usted podría utilizar el título de navegación alternativa a nombre de ellos de forma individual, sino que puede ser tedioso en un árbol de página más grande.

una solución sería crear una navegación OL y eliminar el título a través de CSS. De esa manera la navegación sigue siendo accesible y da algunas pistas sobre lo que está detrás de los números:

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

El CSS correspondiente:

ol li span {display:none;} 
+0

Solución inteligente. Tenga en cuenta que en su solución, no se puede hacer clic en los números. Sin embargo, con un poco de magia de css, podría funcionar: 'ol li span { ancho: 24px; margin-left: -20px; relleno a la izquierda: 20px; desbordamiento: oculto; } ' Desafortunadamente no es válido. Fuente: http://forums.devshed.com/css-help-116/make-li-labels-clickable-in-an-ol-747500.html – Mateng

+0

PD: lamentablemente, los márgenes negativos * son * válidos: http: //coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/ – Mateng

Cuestiones relacionadas