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栏目太多无法正常显示的解决方法
没遇到这个问题,,,因为建站的时候没有用默认的那套模板,嘿嘿
[回复]
80博客 回复:
4月 26th, 2012 at 23:18
没有合适的模板换呀,只好用默认的。
[回复]
一口吃不成胖子,但胖子却是一口一口吃来的。
[回复]