phpcms v9實現(xiàn)二級下拉菜單的方法

字號:


    最經用v9二次開發(fā)幫某教授做個網站,他提出來主導航要個二級導航,我又不諳熟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等各個版本,至于顏色樣式,有能力的童鞋可以自己改。