欢迎来到织梦58!我们致力于织梦亚博app下载及VIP模板更新

织梦58

DEDE分页样式

相关案例演示

分页样式虽然很短,但是复用率非常高,早就想过整理下这个东西,一直拖着没弄,今天开个头,以后用起来也方便点。

<div class="pagination-wrapper">	<div class="pagination">    {dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}	</div></div>

样式一

pagelist1

/*pages*/.pagination-wrapper {    clear:both;    padding:1em 0 2em 0;    text-align:center;}.pagination {    display: inline-block;    *display: inline;    *zoom: 1;    font-size:12px;    border-radius: 3px;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}.pagination li{    list-style: none;    display: inline;    float: left;    line-height: 1em;    text-decoration: none;    border: 1px solid #ddd;    border-left-width: 0;}.pagination li a {    display: inline-block;    padding: .5em .8em;    background-color: #f9f9f9;    color: #999;}.pagination li a:link{    background:#fff;    color: #4C78A5;}.pagination li a:hover{    text-decoration:none;}.pagination li a:link:hover {    color: #000;}.pagination li.thisclass {    background-color: #f9f9f9;    color:#999;}.pagination li:first-child {    border-left-width: 1px;    border-radius: 3px 0 0 3px;}.pagination li:last-child{    border-radius: 0 3px 3px 0;}.pagination .pageinfo{    color: #444;}

样式二

pagelist2

/*pages*/.pagination-wrapper{    margin: 20px 0;}.pagination{    height: 34px;    text-align: center;}.pagination li {    display: inline-block;    height: 34px;    margin-right: 5px;}.pagination li a{    float: left;    display: block;    height: 32px;    line-height: 32px;    padding: 0 12px;    font-size: 16px;    border: 1px solid #dddddd;    color: #555555;    text-decoration: none;}.pagination li a:hover{    background:#f5f5f5;    color:#0099ff;}.pagination li.thisclass {    background: #09f;    color: #fff;}.pagination li.thisclass a,.pagination li.thisclass a:hover{    background: transparent;    border-color: #09f;    color: #fff;    cursor: default;}


EyouCms,简单易用的企业网站管理系统,点击了解更多


有问题可以加入织梦技术QQ群一起交流学习

本站vip会员 请加入织梦58 VIP②群 PS:加入时备注用户名或昵称

普通注册会员或访客 请加入织梦58 技术交流群

作者:DEDE58.COM 关注: 时间:2015-10-09 14:19
首先声明,只要是我们的vip会员所有源码均可以免费下载,不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码,源码在于可用,不在多!!希望在这里找到你合适的。
☉本站提供的整站织梦程序,均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源(包括源码、模板、素材、特效等)仅供学习与参考,请勿用于商业用途。
☉如有其他问题,请加网站客服QQ(970003436)进行交流。
相关织梦教程
在线客服

×关闭