登录 注册

登录

已解决 如何使正在浏览页面的菜单突出显示(CSS的active样式)

更多
2013年04月20日 09:41 #1 作者: petewang
www.steinlelicht.de (产品展示 J2.5.9 + K2 系统)

侧边菜单模块(K2 FlexSlider)不能使正在浏览菜单页面突出现实(CSS:active),但首页顶部菜单(mod_superfish_menu)可以.


不太会描述这个问题,就是比如我正在浏览的是某个菜单的子菜单的页面,那么这个顶级菜单和子菜单变化为active样式,使得客人清晰知道所在位置。谢谢。

登录 或者   注册一个会员帐号 来参与讨论

更多
2013年04月20日 21:51 #2 作者: Joomla之门
你那个左侧栏风琴式菜单模块是 AS Accordion Menu,不是你说的 K2 Flexslider。

AS Accordion Menu 菜单模块已经提供了给当前活动菜单项目(active/current menu item)添加特殊标记(current/active)的功能。只是在 CSS 中好像没有体现出来,导致最终显示结果与其它菜单项目无异。实际上只需给 CSS 文件添加一句代码就能解决:

打开 /modules/mod_as_accordion_menu/css/styles.css 这个文件,在末尾插入下列代码:
div#as_accordionmenu ul.as_menu li a.current > span {
    color: red;
    font-weight: bold;
}

(这里示范了红色 red,你可以自己根据需要修改为任意颜色)

保存该文件并上传到网站,覆盖现有文件即可。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论