phpcms v9实现二级下拉菜单的方法
来源:易贤网 阅读:680 次 日期:2016-06-21 08:57:07
温馨提示:易贤网小编为您整理了“phpcms v9实现二级下拉菜单的方法”,方便广大网友查阅!

最经用v9二次开发帮某教授做个网站,他提出来主导航要个二级导航,我又不谙熟v9的变量,就百度了一下,大多转自一个出处,可是,这个二级导航,根本就有问题(ps这些人转了也不测试,完全是乱转载),后来,我就在此基础上修改了错误,再在样式表中,为其添加了的样式(没有css样式,就说完美解决,汗!叫只会复制粘贴的大大们怎么活?),废话少说,看下面。

代码如下:

1、将.phpcmstemplatesdefaultcontent目录下的header.html打开,把里面

<map>........</map>

之间的代码用如下代码代替;

<map>

<ul class=nav-site>

{pc:content action=category catid=0 num=25 siteid=$siteid order=listorder asc}

<li><a href={siteurl($siteid)}><span>首页</span></a></li>

<li class=line>|</li>

{loop $data $k $v}

<li><a href={$v[url]}>{$v[catname]}

<!--[if ie 7]><!--></a><!--<![endif]-->

<!--[if lte ie 6]><table><tr><td><![endif]-->

<ul>

{pc:content action=category catid=$k num=10 siteid=$siteid order=listorder asc}

{loop $data $r} <li><a href={$r[url]}>{$r[catname]}</a></li> {/loop}

{/pc}

</ul>

<!--[if lte ie 6]></td></tr></table></a><![endif]-->

</li>

<li class=line>|</li>

{/loop}

{/pc}

</ul>

</map>

2、找到.staticscss目录下的default_blue.css文件(要是换过主题的,自己找主css样式表),打开,找到/* 导航 */的css样式,在其后加上如下css样式;

/*zkadd*/

.nav-site{

list-style:none;}

.nav-site li {position:relative; z-index:200;}

.nav-site ul {visibility:hidden;position:absolute;left:3px;top:30px;}

.nav-site table {position:absolute; top:0; left:0;}

.nav-site li:hover ul,

.nav-site a:hover ul{visibility:visible;}

.nav-site a:hover{background:#3a6ea5;}

.nav-site ul{ }

.nav-site ul a{

background-color:#6184a9;

color:#ffffff;

border-top:1px solid #7aa5d2;

border-bottom:1px solid #4e6a87;

text-decoration:none;}

.nav-site ul li {clear:both;height:28px !important; line-height:28px !important; text-align:center;font-

size:13px;list-style: none; }

.nav-site ul li a{display:block;width:138px;}

.nav-site ul li a:hover{ border-top:1px solid #7aa5d2;

border-bottom:1px solid #4e6a87;

background:#6d93bc;}

/*zkadd-end*/

ps:hack过了,能完美支持ie等各个版本,至于颜色样式,有能力的童鞋可以自己改。

更多信息请查看CMS教程
易贤网手机网站地址:phpcms v9实现二级下拉菜单的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标