Question

我已经构建了自己的（简单）模板。菜单模块是这样的：

<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" />

谢谢！

Answer 1

如何设置菜单样式有几种方法。

包裹div中的<jdoc /> ：<div class="TopMenuItem"><jdoc:include type="modules" name="modHNavBar" />
使用菜单类后缀：扩展程序＆gt;模块＆gt; [菜单模块]＆gt;选项＆gt;高级选项＆gt;菜单类后缀/菜单标记ID
使用模块镶边：在模板文件夹中创建文件html/modules.php，创建function modChrome_mymenu($module, &$params, &$attribs)在文档页面中阅读更多内容：Applying custom module chrome，Module chrome < / LI>
如果要单独设置每个菜单项的样式，可以为每个菜单项添加类：菜单＆gt;主菜单＆gt; [菜单项]＆gt;高级选项＆gt;链接CSS样式

或添加css样式，如下所示：nav.menu .item-101 {background：green}

Answer 2

在Joomla小组中：

菜单 - ＆gt;主菜单 - ＆gt; “主页”，或某些菜单项 - ＆gt;高级选项 - ＆gt;链接CSS样式 - ＆gt; “家”，或一些名字。 - ＆GT;保存

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

Joomla 3：我如何应用自己的菜单风格

2 个答案: