PC站长网 欢迎您的到来

TOP

DEDECMS V5两行导航栏的样式修改
2016-03-28 23:32:52 来源: 作者: 【 】 浏览:788次 评论:0
  很多用户反馈当前默认模板的栏目只能显示一行
  
  如果栏目过多就无法显示了
  
  其实可以简单的修改CSS文件即可让栏目两行显示.
  
  效果预览:
  
  \
  
  
  修改方法:
  
  1.修改CSS:
  
  替换"模板目录\样式目录(templets\style)"中dede.css的栏目菜单的CSS:
  
  .topmenu{
  height:40px;
  background:url(../images/topmenu_bg.gif)lefttoprepeat-x;
  }
  .topmenuul{
  width:900px;
  height:40px;
  background:url(../images/topmenu_r.gif)topcenterno-repeat;
  overflow:hidden;
  }
  .topmenuulli{
  float:left;
  margin-left:-2px;
  text-align:center;
  background:url(../images/topmenu_bg.gif)leftbottomno-repeat;
  }
  .topmenuullia{
  float:left;
  color:#FFFFFF;
  display:block;
  padding-left:17px;
  padding-right:15px;
  text-decoration:none;
  height:40px;
  line-height:37px;
  }
  .topmenuullia:hover{
  color:#FFFF99;
  background:url(../images/topmenu_o.gif)centerbottomno-repeat;
  }
  .topmenu.rssbut{
  position:relative;
  float:right;
  margin:-30px8pxauto;
  display:inline;
  }
  
  
  替换为
  
  .topmenu{
  height:61px;
  background:url(../images/topmenu_bg2.jpg)lefttoprepeat-x;
  }
  .topmenuul{
  width:900px;
  height:58px;
  background:url(../images/topmenu_r.gif)topcenterno-repeat;
  overflow:hidden;
  padding-top:3px;
  }
  .topmenuulli{
  float:left;
  margin-left:-2px;
  text-align:center;
  white-space:nowrap;
  }
  .topmenuullia{
  float:left;
  color:#FFFFFF;
  display:block;
  padding-left:17px;
  padding-right:15px;
  text-decoration:none;
  height:29px;
  line-height:29px;
  }
  .topmenuullia:hover{
  text-decoration:underline;
  color:#FFFFCC;
  }
  .topmenu.rssbut{
  display:none;
  }
  
  
  
  然后更新"模板目录\图片目录(templets\images)"下的两个文件
  
  topmenu_bg2.jpg
  topmenu_r.gif
您看到此篇文章时的感受是:
Tags:DEDECMS 导航 样式 修改 责任编辑:pczzw
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇怎么样在文章名前面显示所属的文.. 下一篇DEDE的SEO技巧-栏目列表页的优化

论坛推荐图文

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

相关栏目

最新文章

热门文章

推荐文章

相关文章