织梦dedecms 5.7显示两排导航栏的方法

 2012-04-05    507  

因为自己有一个网站,栏目比较多,而织梦dedecms 5.7默认只显示一排导航栏,调整了好久都没调好,看来对css掌握的太少了!怎样才能实现织梦dedecms 5.7显示两排导航栏呢?最后在织梦论坛上面看到了一个帖子,分成两步:

1、将附件里的图片替换了 templets/default/images/green_skin.png green_skin ,点击下载即可。

2、dedecms.css里的样式,将相应的地方替换了,大家可以直接复制下面的文字覆盖即可!

#navMenu {
width:915px;
overflow:hidden;
height: 56px;
padding:8px 0 0 15px;
}
#navMenu ul {
float:left;
height: 34px;
}
#navMenu ul li {
font:14px/1.5 “Microsoft YaHei”,”微软雅黑”,”Microsoft JhengHei”,”宋体”;
float:left;
height: 34px;
margin-right: 10px;
margin-left: -3px;
padding-left: 3px;
}
#navMenu ul li a {
color: #FFF;
height: 34px;
text-decoration:none;
display: inline-block;
position: relative;
}
#navMenu ul li a.hover {
color:#DEFF01;
height: 34px;
text-decoration:none;
display: inline-block;
position: relative;
}

#navMenu ul li span {
cursor:pointer;
display:inline-block;
height:34px;
line-height:20px;
margin:0 0 0 5px;
padding:0 5px 0 0;
text-align:center;
vertical-align:middle;
font-weight:bold;
color:#ebf5e9;
}

我按照上面的方法实施以后,的确导航栏变成了两行了,但是有些栏目还是没有显示出来,后来改了模板head.htm里面的参数,终于好了,分享给大家!

{dede:channel type=’top’ row=’10′ currentstyle=”<li class=’hover’><a href=’~typelink~’ ~rel~><span>~typename~</span></a></li>”}

默认row为10,这里改成大于10的值即可显示更多!

如果还想显示三行,道理以此类推!

上一篇>>加入百度联盟的流程

=========================================

下一篇>>写给四十岁的人