分享两个dedecms分页样式css代码
来源: 阅读:705 次 日期:2016-06-14 15:14:28
温馨提示: 小编为您整理了“分享两个dedecms分页样式css代码”,方便广大网友查阅!

模板中的分页部分页部分源码: 

代码如下:

<div class=pagination-wrapper> 

<div class=pagination> 

{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/} 

</div> 

</div> 

样式一

代码如下:

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

}

样式二 

代码如下:

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

}

更多信息请查看CMS教程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map