1

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

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

为了设置它的样式，我必须选择每个菜单项并从管理后端应用链接 CSS 样式。

这似乎需要做很多工作。有没有更简单的方法可以简单地将样式应用于整个菜单？

仅作记录，以下内容不起作用：

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

谢谢！

4

2 回答 2

2

有几种方法可以设置菜单样式。

  1. 包装<jdoc />在 div：<div class="TopMenuItem"><jdoc:include type="modules" name="modHNavBar" />
  2. 使用菜单类后缀：Extensions > Modules > [menu module] > Options > Advanced Options > Menu Class Suffix / Menu Tag ID
  3. 使用模块 chrome：在您的模板文件夹中创建文件html/modules.php，在文档页面中创建function modChrome_mymenu($module, &$params, &$attribs)阅读更多内容：应用自定义模块 chrome，模块 chrome

如果要单独设置每个菜单项的样式，可以为每个菜单项添加类：菜单 > 主菜单 > [菜单项] > 高级选项 > 链接 CSS 样式

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

于 2013-04-12T12:21:18.880 回答
0

在 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-04T12:45:58.337 回答