很多开源程序在建立导航栏目的时候都是有限制的,一般的开源程序导航栏多都是建立7-8个栏目,如果栏目过多的话就会显示在下一行了,这样看起来就不美观了,也违背了php虚拟主机站长们的意思了,小编最近又发现了织梦dedecms程序也是如此,开始由于需要小编把织梦模板安装好了之后,就开始建立导航栏目了,可是由于需要搭建的栏目比较多,发现再建立第10个导航栏目的时候自动换行到第二行了。这样再建立子栏目的时候就会重合了,那么有什么方法可以只让它显示一行呢?小编经过研究后发现原来是模板文件下的CSS样式来控制的,只要手动调试下样式就可以实现导航栏显示在一行了,具体修改方法如下:首先按照目录的路径找到以下样式文件:修改/templets/default/dedecms.css (使用高级编辑器打开例如Editplus软件)。 打开后找到188行代码然后修改为以下CSS样式代码:

.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;
}

修改好了直接上传覆盖之前的样式文件就可以了,确定修改好了之后登陆网站后台更新缓存然后再一键生成下整站,再在栏目里尝试创建栏目的时候超过10个导航栏目也不会再另起一行了哦。

免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。