Question

我在左侧发布了一个菜单项 - 模块类型“mod_mainmenu” 当菜单点击并显示页面时，我希望菜单项颜色更改为其他颜色。在查看相应页面时显示活动菜单项

说菜单项

Page 1
第2页 Page 3
第4页

点击链接“page1”后会打开examplesite.com/page1 和左侧的“page1”菜单项显示颜色“绿色”

实际链接：http://sample26.marrsinfosolutions.com/ 希望左侧导航说看见，礼品券等在查看时更改为灰色，并在未查看时更改回默认值

提前致谢

Answer 1

更改当前项目颜色的方法是添加一个类，该类将引用页面的“活动”部分，认为您必须将其调整到您的页面（这是一个很好的做法）。

添加规则，使所选链接看起来与其他链接不同。指定body元素的id属性以不同方式设置“当前”导航选项卡的样式。在以下示例中，body元素的id已设置为“home”，这使“Home”选项卡成为当前选项卡。将其更改为“约”将使“关于”选项卡成为当前选项卡，依此类推。

页面示例：

#home #nav-home a,
#about #nav-about a,
#archive #nav-archive a,
#lab #nav-lab a,
#reviews #nav-reviews a,
#contact #nav-contact a {
background:#e35a00;
color:#fff;
text-shadow:none;
}
#home #nav-home a:hover,
#about #nav-about a:hover,
#archive #nav-archive a:hover,
#lab #nav-lab a:hover,
#reviews #nav-reviews a:hover,
#contact #nav-contact a:hover {
background:#e35a00;
}
#nav a:active {
background:#e35a00;
color:#fff;
}

来源：http://www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_bar/

Joomla改变菜单项颜色

1 个答案: