欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > CMS教程 >

织梦dedecms分页css样式修正

发表于2019-04-22 04:05| 次阅读| 来源网络整理| 作者session

摘要:织梦dedecms分页css样式修正

织梦dedecms分页css样式修正

在做站的时分常常会遇到分页样式显示的比较凌乱,其实咱们间接复制民间的css样式就可能了,所以我做了个整顿,大家当前用的时分间接把这两句话复制过去就可能了。
  首先在列表模版写分页样式的时分把这段代码复制出来:
   <div class="dede_pages">
   <ul class="pagelist">
    {dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
   </ul>
  </div>
 

  然后在把css样式退出到你本人的css文件里面:
   .dede_pages{    width:500px;
  }
  .dede_pages ul{
      float:left;
      padding:12px 0px 12px 16px;
  }
  .dede_pages ul li{
      float:left;
      font-family:Tahoma;
      line-height:17px;
      margin-right:6px;
      border:1px solid #E9E9E9;
  }
  .dede_pages ul li a{
      float:left;
      padding:2px 4px 2px;
      color:#555;
      display:block;
  }
  .dede_pages ul li a:hover{
      color:#690;
      text-decoration:none;
      padding:2px 4px 2px;
  }
  .dede_pages ul li.thisclass,
  .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
      background-color:#F8F8F8;
      padding:2px 4px 2px;
      font-weight:bold;
  }
  .dede_pages .pageinfo{
      line-height:21px;
      padding:12px 10px 12px 16px;
      color:#999;
  }
  .dede_pages .pageinfo strong{
      color:#555;
      font-weight:normal;
      margin:0px 2px;
  }
 

  就这样简略,而且每次用的时分都能很方便把织梦dedecms分页css样式 做进去,不用本人费力的去写,站长本人整顿的内容宿愿对大家有所协助。