码迷,mamicode.com
首页 > Web开发 > 详细

phpcms v9 二级下拉菜单的实现

时间:2015-03-12 13:13:47      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

最经用v9二次开发帮某教授做个网站,他提出来主导航要个二级导航,我又不谙熟v9的变量,就百度了一下,大多转自一个出处,可是,这个二级导航,根本就有问题(PS这些人转了也不测试,完全是乱转载),后来,我就在此基础上修改了错误,再在样式表中,为其添加了的样式(没有CSS样式,就说完美解决,汗!叫只会复制粘贴的大大们怎么活?),废话少说,看下面。
 
1、将.\phpcms\templates\default\content目录下的header.html打开,把里面
<map>........</map>
之间的代码用如下代码代替;
 
<map>
{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
<ul class="nav-site">
<li><a href="{siteurl($siteid)}"><span>首页</span></a></li>
{loop $data $k $v}
<li class="line">|</li>
<li><a href="{$v[url]}"><span>{$v[catname]}</span>
<!--[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>
{/loop}
</ul>
{/pc}
{php echo runhook(‘glogal_menu‘)}
</map>

2、找到.\statics\css目录下的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等各个版本,至于颜色样式,有能力的童鞋可以自己改……

phpcms v9 二级下拉菜单的实现

标签:

原文地址:http://www.cnblogs.com/seasonside/p/4332038.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!