Dedecms栏目太多无法正常显示的解决方法

       dedecms初步调试的差不多了,就开始添加栏目,添加了15个栏目后,开始更新文章,却发现从第10个栏目开始,下面的栏目导航栏根本就不显示。搜索了一下,原来dedecms默认的导航栏只能显示10个栏目,如果要显示更多,只能通过dedecms.css文件修改。下面给大家一步一步介绍方法:

      一、我们首先修改官方默认只能显示10个栏目的问题:

       打开网站根目录的templets\default\head.htm文件,找到下列代码

<div id="navMenu">
       <ul>
         <li><a href='{dede:global.cfg_cmsurl/}/’><span>主页</span></a></li>
         {dede:channel type=’top’ row=’10‘ currentstyle="<li class=’hover’><a href=’~typelink~’ ~rel~><span>~typename~</span></a></li>"}
         <li><a href='[field:typeurl/]’ [field:rel/]><span>[field:typename/]</span></a></li>
         {/dede:channel}
       </ul>
   </div>   

      把row=’10’根据你要设置的栏目数量,设置成15或者20。再刷新一下主页,会发现后面的栏目也被显示出来了。

      不过又出现了一个问题,栏目会在第两行错位,如果我们只想用一行导航栏,那么还要修改文件:

      二、修改导航栏的字体大小和间距:

      打开网站根目录的templets\default\style\dedecms.css文件,找到下列代码

#navMenu ul li {
    font:14px/1.5 "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";
    float:left;   
    height: 22px;
    margin-right: -10px;
    margin-left: –3px;
    padding-left: 10px;

     修改上面红字的部分,具体修改可以借用Chrome的开发人员工具来在线调试,修改成自己满意的样式,再动源文件。

     经过上面的两步修改,dedecms的导航栏也就基本能用了,如果需要进一步的美化,那就需要一定的网页修改能力了,看来学习dedecms也是不断提高自己网页设计的水平,毕竟困难摆在那里,你才有动力去学习!



转载请注明文章转载自:80博客 [http://www.bk80.com]
本文链接地址:Dedecms栏目太多无法正常显示的解决方法

已经有2 个评论

  1. 成都网站建设 说:

    没遇到这个问题,,,因为建站的时候没有用默认的那套模板,嘿嘿

    [回复]

    80博客 回复:

    没有合适的模板换呀,只好用默认的。

    [回复]

发表评论

欢迎光临80博客,顺便评论下吧?

*

* 绝不会泄露



无觅相关文章插件,快速提升流量