當前位置:源碼庫-建站教程-CMS教程-dedecms教程-分享兩個DEDECMS分頁樣式css代碼

分享兩個DEDECMS分頁樣式css代碼

文章TAG:DEDECMS 分頁樣式
時間:2014-08-16來源:商業源碼網 作者:源碼庫 文章熱度:
分頁樣式雖然很短,但是復用率非常高,早就想過整理下這個東西,一直拖著沒弄,今天開個頭,以后用起來也方便點
 
 
模板中的分頁部分頁部分源碼: 


復制代碼
代碼如下:

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


樣式一

分享兩個DEDECMS分頁樣式css代碼


復制代碼
代碼如下:

/*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;
}


樣式二 

分享兩個DEDECMS分頁樣式css代碼


復制代碼
代碼如下:

/*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;
}
相關dedecms教程
相關資源下載

dedecms教程Rss訂閱dedecms教程搜索

顶呱刮西游记 孩子赚钱方式 辉煌棋牌害死了多少人 江苏快三开奖结果下载 陕西11选5 北京pk10全天精准计划 怎么利用活动规则赚钱 四川快乐12官方计划 3d悠闲山西麻将手机版 麻将软件作弊器城游麻将 福建快3走势 黑龙江时时彩 吉林快三一定牛走势图表 重庆时时开奖历史查询 街机电玩捕鱼手机版下载安装 甘肃十一选五 秒速时时彩单双技巧