设为首页 - 加入收藏 - 网站地图 - RSS订阅 村姑网-www.cunguer.com
当前位置:首页 > CMS教程 > dedecms > 正文

dedecms导航分两行显示简单实现过程

时间:2015-12-05 21:14:16 来源:互联网 作者:未知 阅读:118
导读:使用dedecms建站的朋友可能会遇到这样的问题:随着网站栏目的增多,用dede默认的导航只能在一行显示,这样就会出现栏目显示不全的问题,此时我们可以让dede的导航栏分2行显示,那么该怎么让导航分两行显示栏目呢?其实方法很简单,只需对css文件进行些许的修...
    使用dedecms建站的朋友可能会遇到这样的问题:随着网站栏目的增多,用dede默认的导航只能在一行显示,这样就会出现栏目显示不全的问题,此时我们可以让dede的导航栏分2行显示,那么该怎么让导航分两行显示栏目呢?其实方法很简单,只需对css文件进行些许的修改就可以了。
第一步:打开/templets/default/dedecms.css这个文件(可能dedecms的版本不同,文件名及位置也会有所不同)。
第二步:把控制导航栏的CSS代码修改为下面的(可能dedecms的版本不同,类名或容器名会不同,可以查看导航栏模板中的命名):
.header .nav{
 width:100%;
 height:64px;
 background:url(../images/nav-bg.gif) repeat-x;
 clear:both;
 overflow:hidden;
}
.header .nav ul{
 height:64px;
 margin:0px auto;
 overflow:hidden;
}
第三步:修改head.htm模板文件:找到{dede:channel type='top' row='10' currentstyle,将row='10'中的10改为你想要的数值,这个数值代表你想显示多个栏目。
至此,我们就实现了让dede导航栏分两行显示的全过程,如果你分2行显示后发现导航栏的背景图片有点小问题的话,可以找到该背景图片进行修改就可以了。

《dedecms导航分两行显示简单实现过程》地址:http://www.cunguer.com/article/233.html,本文来自村姑网,您身边的IT专家 www.cunguer.com,转载请注明出处,您的支持是我们创作的源泉~!