网络营销电子商务研究中心

网络营销电子商务研究中心 (https://www.0058.net/index.php)
-   DedeCMS (https://www.0058.net/forumdisplay.php?f=71)
-   -   Dedecms导航栏的一些技巧(栏目太多不显示)( (https://www.0058.net/showthread.php?t=4656)

topvip 2014-03-12 08:17 AM

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更大的数即可。


All times are GMT +8. The time now is 07:26 AM.

Powered by vBulletin Version 3.8.7
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.