2011-09-26 68 views
5

如何創建一個自動命名相關頁面到菜單中的菜單?創建一個數字導航

這將是我的頁面樹:

新聞
| --- Newsarticle湯姆(包含9個內容元素)
| ---飛碟雙向的東西(包含9個內容元素)
| ---傑西卡5篇(包含4種內容元素)

在frontent所有3頁將被簡單地顯示爲數字導航:

(IMAGIN在這裏「Newsarticle嗵」的9種textpic元素)
- 2 - 3

+0

也許與用戶功能itemArrayProcFunc – HerrSerker

+0

只是爲了獲得更新:是否有任何這些問題的答案對你的工作嗎? – Mateng

回答

2

{註冊:count_HMENU_MENUOBJ}應該做的伎倆 - 我發現它在這裏的評論http://www.typo3wizard.com/de/snippets/menus/nummeriertes-menue.html。 (德語)

這裏我使用了@konsolenfreddies HMENU示例,根據您的需求進行了修改。 (未經測試)。

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

在這種情況下,我猜所有的子頁面在編號時都會考慮在內。而在網站上描述的完整設置則要複雜得多。但如果你知道你的錯字,你就會明白。

1

首先,你可以使用替代導航標題分別爲它們命名,但是,很可能在一個更大的頁面樹是乏味的。

解決方案將創建一個OL導航並通過CSS刪除標題。這樣的導航是仍然可以訪問並提供有關什麼是數字背後的一些提示:

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

相應的CSS:

ol li span {display:none;} 
+0

聰明的解決方法。考慮到在你的解決方案中,數字不能被點擊。然而,用一點css magickery,它可能會工作: 'ol li span span {width = 24px; margin-left:-20px; padding-left:20px; 溢出:隱藏; }' 不幸的是它無效。資料來源:http://forums.devshed.com/css-help-116/make-li-labels-clickable-in-an-ol-747500.html – Mateng

+0

PS:唉,負邊際*確實是有效的:http: //coding.smashingmagazine.com/2009/07/27/the-definitive-guide-to-using-negative-margins/ – Mateng