css - Joomla 更改菜单项颜色

标签 css joomla joomla1.5

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

说 菜单项

第一页
第2页
第3页
第 4 页

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

实际链接:http://sample26.marrsinfosolutions.com/ 希望左边的导航说推荐书、礼券等在被查看时变为灰色,不被查看时变回默认

提前致谢

最佳答案

更改当前元素颜色的方法是添加一个类,该类将引用页面的“事件”部分,认为您必须使其适应您的页面(这是一个很好的做法)。

添加规则,使所选链接看起来与其他链接不同。为 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/

关于css - Joomla 更改菜单项颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8785595/

相关文章:

jquery 移动自定义图标显示不正确呈现

jquery - 滚动跟随 div 在一个位置停止跟随并开始其他 div 跟随

javascript - 如何使导航 HREF 根据浏览器大小不同地加载链接

php - 我们如何在 joomla 的组件 View 中包含 joomla 模块

jquery - HTML 将 iframe 调整为响应式 iframe

php - 什么时候应该在 require/include 语句中使用括号?

php - joomla jupgrade从1.5到2.5 "migrating undefined"

php - 如何使用 <select> 标签中的值更新我的数据库中的值 - (不是 $_POST)

mysql将数据从一个模式插入到另一个模式

PHP 代码如果 url 的一部分包含 *this* 则执行 *this*