|
很多开源程序在建立导航栏目的时候都是有限制的,一般的开源程序导航栏多都是建立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个导航栏目也不会再另起一行了哦。 |
|