View Single Post
  #1   IP: 153.99.6.98
Old 2014-03-12, 08:17 AM
topvip topvip is offline
超级版主
 
Join Date: 2006-01-04
Posts: 1206
topvip 正向着好的方向发展
Default Dedecms导航栏的一些技巧(栏目太多不显示)(

一、导航栏栏目过多,不能完全显示怎么办?
导航栏栏目过多除了把导航栏一行变两行外,还有一个办法就是减小导航栏字体大小,和栏目间的间距。具体方法如下。


找到网站根目录下的/templets/style文件夹下dedecms.css文件,找到如下信息

系统默认代码----

#navMenu li a {
font-size: 14px;
color: #FFF;
padding-right: 1em;
padding-left: 1em;
margin-left: 2px;
display: block;
}
修改点----

“14px”代表字体的大小,改为小于14px导航栏的栏目字体变小,会显示更多栏目。

1em代表代表两个栏目的间距,1em=12pt,改为0.5em后,栏目之间的间距缩小,会显示更多栏目。


修改完后按“文件-保存”然后退出,覆盖源文件即可。(一次很难调到合适,可以多试几次)

二、导航栏只能显示10个栏目
这是因为dede限制了导航栏的显示数目。可以通过修改后台的head.htm文档代码解决
找到head.htm文件中代码

<div id="navMenu">
<ul>
<li><a href='{dede:global.cfg_cmsurl/}/'>主页</a></li>
{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~>~typename~</a></li>"}
<li><a href='[field:typeurl/]' [field:rel/]>[field:typename/]</a></li>
{/dede:channel}
</ul>
</div>
修改 row='10' 比10更大的数即可。
Reply With Quote