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的值即可显示更多!
如果还想显示三行,道理以此类推!
资源中心 2025-01-03
资源中心 2023-10-25
生活百科 2024-06-21
生活百科 2021-04-14
生活百科 2021-06-22
生活百科 2021-09-08
生活百科 2017-07-20
生活百科 2018-08-02
生活百科 2014-07-01
生活百科 2021-05-01
电脑应用 2022-02-28
生活百科 2020-10-30
资源中心 2019-12-08
生活百科 2020-06-28
电脑应用 2023-02-07
生活百科 2018-07-17
资源中心 2012-03-20
生活百科 2025-01-03
生活百科 2019-02-22
电脑应用 2019-07-29
扫码二维码
获取最新动态