许多客户意见反馈当今默认设置模版的频道只有显示信息一行
假如频道过量就没法显示信息了
实际上能够简易的改动CSS文档就可以让频道二行显示信息.
实际效果浏览:
改动方式:
1.改动CSS:
更换 模版文件目录\款式文件目录(templets\style) 中dede.css的频道莱单的CSS:
.topmenu{
height:40px;
background:url(../images/topmenu_bg.gif) left top repeat-x;
}
.topmenu ul{
width:900px;
height:40px;
background:url(../images/topmenu_r.gif) top center no-repeat;
overflow:hidden;
}
.topmenu ul li{
float:left;
margin-left:-2px;
text-align:center;
background:url(../images/topmenu_bg.gif) left bottom no-repeat;
}
.topmenu ul li a{
float:left;
color:#FFFFFF;
display:block;
padding-left:17px;
padding-right:15px;
text-decoration:none;
height:40px;
line-height:37px;
}
.topmenu ul li a:hover{
color:#FFFF99;
background:url(../images/topmenu_o.gif) center bottom no-repeat;
}
.topmenu .rssbut{
position:relative;
float:right;
margin:-30px 8px auto;
display:inline;
}
更换为
.topmenu{
height:61px;
background:url(../images/topmenu_bg2.jpg) left top repeat-x;
}
.topmenu ul{
width:900px;
height:58px;
background:url(../images/topmenu_r.gif) top center no-repeat;
overflow:hidden;
padding-top:3px;
}
.topmenu ul li{
float:left;
margin-left:-2px;
text-align:center;
white-space:nowrap;
}
.topmenu ul li a{
float:left;
color:#FFFFFF;
display:block;
padding-left:17px;
padding-right:15px;
text-decoration:none;
height:29px;
line-height:29px;
}
.topmenu ul li a:hover{
text-decoration:underline;
color:#FFFFCC;
}
.topmenu .rssbut{
display:none;
}
随后升级 模版文件目录\照片文件目录(templets\images) 下的2个文档
topmenu_bg2.jpg
topmenu_r.gif
dedecms模版,dedecms公司模版,dedecms新闻资讯模版,高档HTML5响应式模版,dedecms手机上模版,织梦cms模版实例教程,网站模版,网页页面模版,完全免费网页页面模版
Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000 传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园