分享两个DEDECMS分页样式css代码

只饮一瓢 發表於 2024-1-12 00:00:00

模板中的分页部分页部分源码： <div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
复制代码
</div>
代码如下:</div>
<div class="msgborder" id="phpcode37" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
<div class="pagination-wrapper"> 
<div class="pagination"> 
{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/} 
</div> 
</div> </div>
 样式一 <img title="分享两个DEDECMS分页样式css代码" alt="分享两个DEDECMS分页样式css代码" src="https://zhuji.jb51.net/uploads/img/202305/c517728e035d920ad25bbbdbdf518b9d.jpg" style="max-width:100%!important;height:auto!important;border: 1px solid rgb(204, 204, 204); vertical-align: middle; padding: 1px; overflow: hidden; max-width: 696px; font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px; width: 600px; height: 85px;'> <div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
复制代码
</div>
代码如下:</div>
<div class="msgborder" id="phpcode38" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
/*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; 
}</div>
 样式二 <img title="分享两个DEDECMS分页样式css代码" alt="分享两个DEDECMS分页样式css代码" src="https://zhuji.jb51.net/uploads/img/202305/e854defe630151769009e39e2d8bc629.jpg" style="max-width:100%!important;height:auto!important;border: 1px solid rgb(204, 204, 204); vertical-align: middle; padding: 1px; overflow: hidden; max-width: 696px; font-family: tahoma, arial, "Microsoft YaHei"; font-size: 14px; width: 600px; height: 85px;'> <div class="msgheader" style='margin: 3px auto 0px; padding: 0px 3px; outline: none; line-height: 21.6px; clear: both; border-width: 1px; border-style: solid; border-color: rgb(0, 153, 204); background: rgb(246, 251, 255); overflow: hidden; font-family: tahoma, arial, "Microsoft YaHei";'>
<div class="right">
复制代码
</div>
代码如下:</div>
<div class="msgborder" id="phpcode39" style='margin: 0px auto 3px; padding: 0px 3px; outline: none; line-height: 25.2px; font-size: 14px; clear: both; border-right: 1px solid rgb(0, 153, 204); background: rgb(221, 237, 251); overflow: hidden; border-left: 1px solid rgb(0, 153, 204); word-break: break-all; border-bottom: 1px solid rgb(0, 153, 204); word-wrap: break-word; font-family: tahoma, arial, "Microsoft YaHei";'>
 
/*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; 
}</div>

頁: [1]

琼殿技术论坛's Archiver

分享两个DEDECMS分页样式css代码