dedecms 分页标签及样式示例 [复制链接]

moqu8 2018-4-8

6 0
因为dedecms分页标签自带html,可能与新模板风格样式不符,直接使用通常会出现分页码变成竖排。
这里贴一个分页标签及样式示例。

分页代码
  1. <div class="pagination-wrapper">
  2. <div class="pagination">
  3. {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}
  4. </div>
  5. </div>  
复制代码
css样式
  1. /*pages*/
  2. .pagination-wrapper{margin: 20px 0;text-align:center;}
  3. .pagination{height: 34px;display: inline-block;}
  4. .pagination li{display: inline-block;height: 34px;margin-right: 5px;}
  5. .pagination li{font-size:14px;float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;border: 1px solid #dddddd;color: #555555;}
  6. .pagination li a, .pagination li span, .pagination li span strong{font-size:14px;text-decoration: none;}
  7. .pagination li:hover{background:#f5f5f5;color:#0099ff;}
  8. .pagination li.thisclass{background: #09f;color: #fff;border:0;}
  9. .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}
复制代码


最新回复 (0)
返回
支持中心
邮箱:winkill2012@qqcom
新站优化中!部分功能尚未完善,敬请谅解!
支持中心