帝国CMS如何修改默认的列表模版分页样式[!--show.listpage--]标签说明
我们在自己设计网站列表页面或者仿别人的列表页面的时候可能会感觉帝国cms默认的列表页分页样式不是很好看,不过经过我最记得使用发现,这个分页样式可能不够好看,但是功能性上是非常不错的,所以建议最好不要去修改系统文件,有需要的话可以修改css样式表。
<head>加入css样式:
<style>
.pagepage {
height: 100%;
padding-top: 8px;
padding-right: 3px;
padding-bottom: 12px;
padding-left: 3px;
}
.pagepage a{
display: block;
height: 30px;
overflow: hidden;
line-height: 30px;
background-color: #EAF9E6;
float: left;
text-align: center;
margin-right: 2px;
margin-left: 2px;
text-decoration: none;
padding-right: 8px;
padding-left: 8px;
color: #009688;
}
.pagepage b{border-radius:5px;-moz-border-radius:5px;
display: block;
height: 30px;
overflow: hidden;
line-height: 30px;
background-color: #009688;
float: left;
text-align: center;
margin-right: 2px;
margin-left: 2px;
color: #FFF;
padding-right:20px;
padding-left: 20px;
}
</style>
分页模板:<div class="pagepage">[!--show.listpage--]</div>
<head>加入css样式:
<style>
.pagepage {
height: 100%;
padding-top: 8px;
padding-right: 3px;
padding-bottom: 12px;
padding-left: 3px;
}
.pagepage a{
display: block;
height: 30px;
overflow: hidden;
line-height: 30px;
background-color: #EAF9E6;
float: left;
text-align: center;
margin-right: 2px;
margin-left: 2px;
text-decoration: none;
padding-right: 8px;
padding-left: 8px;
color: #009688;
}
.pagepage b{border-radius:5px;-moz-border-radius:5px;
display: block;
height: 30px;
overflow: hidden;
line-height: 30px;
background-color: #009688;
float: left;
text-align: center;
margin-right: 2px;
margin-left: 2px;
color: #FFF;
padding-right:20px;
padding-left: 20px;
}
</style>
分页模板:<div class="pagepage">[!--show.listpage--]</div>