Joomla 3：我如何應用自己的菜單樣式

我已經構建了自己的（簡單）模板。菜單模塊是這樣的：Joomla 3：我如何應用自己的菜單樣式

<jdoc:include type="modules" name="modHNavBar" />

在template.css文件中的CSS是這樣的：

.TopMenuItem { 
    padding: 5px 15px; 
    background: #000063; 
    color: #DEE7EF; 
    font-size: 1.1em; 
    border: 1px solid #DEE7EF; 
    float:left; 
}

爲了風格，我不得不選擇每一個菜單項和應用來自Admin後端的鏈接CSS樣式。

這似乎很多工作。有沒有簡單的方法來簡單地將樣式應用於整個菜單？

爲了記錄，下面不工作：

<jdoc:include type="modules" name="modHNavBar" style="TopMenuItem" />

謝謝！

來源

2013-04-12 itsols

有幾個方法如何樣式化菜單。

包裹<jdoc />在DIV：<div class="TopMenuItem"><jdoc:include type="modules" name="modHNavBar" />
使用的菜單類後綴：擴展>模塊> [菜單模塊]>選項>高級選項> Menu類後綴/菜單標籤ID
使用模塊鉻：在您的模板文件夾創建文件html/modules.php，創建function modChrome_mymenu($module, &$params, &$attribs)閱讀更多文檔頁面：Applying custom module chrome,Module chrome

如果你想單獨樣式每個菜單項，您可以添加類給每個菜單項：菜單>主菜單> [菜單]>高級選項>鏈接CSS樣式

或添加CSS樣式像這樣：nav.menu .item-101 {背景：綠色}

來源

2013-04-12 12:21:18

非常感謝您的輸入。我首先嚐試了方法1。這意味着我必須手動包裝每個項目。否則，這些樣式通常適用於整組菜單項，而不適用於單個元素。但我認爲方法2更好。對於一些奇怪的原因，方法3也沒有工作。我已經嘗試過了。謝謝！ – itsols

檢查方法4，我不確定你在找什麼 –

在的Joomla面板：

菜單 - >主菜單 - > 「家」，或者一些菜單項 - >高級選項 - >鏈接CSS樣式 - >「家」，或一些名字。 - >保存

在CSS：
#nav ul li a.home{background-color:#4E5426; color:#FFFFFF;}
#nav ul li a.home:hover{background-color:#9A9B19; color:#FFFFFF;}

來源

2013-07-04 12:45:58 IJorquera

Joomla 3：我如何應用自己的菜單樣式

回答

相關問題