因为dedecms分页标签自带html,可能与新模板风格样式不符,直接使用通常会出现分页码变成竖排。
这里贴一个分页标签及样式示例。
分页代码
- <div class="pagination-wrapper">
- <div class="pagination">
- {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}
- </div>
- </div>
复制代码 css样式
- /*pages*/
- .pagination-wrapper{margin: 20px 0;text-align:center;}
- .pagination{height: 34px;display: inline-block;}
- .pagination li{display: inline-block;height: 34px;margin-right: 5px;}
- .pagination li{font-size:14px;float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;border: 1px solid #dddddd;color: #555555;}
- .pagination li a, .pagination li span, .pagination li span strong{font-size:14px;text-decoration: none;}
- .pagination li:hover{background:#f5f5f5;color:#0099ff;}
- .pagination li.thisclass{background: #09f;color: #fff;border:0;}
- .pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}
复制代码
历史资源提醒--必看
该页面资源/教程来自原魔趣吧历史资源转移,因发布历史久远,部分资源/教程可能已失效或无法在最新版程序中安装使用!DZ资源建议在Discuz3.4及以下版本使用,PHP版本建议5.6。资源仅提供做代码研究学习使用!
因改版,部分贴内链接将无法正常跳转,如链接失效或未正常跳转,请利用站内搜索功能搜索资源名称获取对应资源!