帝国cms修改列表页[!--show.page--]和[!--show.listpage--]标签分页样式

发布时间:2019-04-20 15:31:05   分类:帝国cms教程0
一、帝国cms修改列表页 [!--show.page--] 标签分页样式

1、模板 —— 公共模板 —— 列表分页模板,在这里修改分页的样式。

2、再打开 e/class/t_functions.php 文件,修改“列表模板分页函数”的代码样式。


二、帝国cms修改列表页 [!--show.listpage--] 标签分页样式

打开 e/class/t_functions.php 文件,修改“列表模板之列表式分页”的代码样式。

CSS代码:

 
<style type="text/css">
.pageBox {text-align:left;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;text-align:center;}
.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}
</style>

代码结构:
 
<div class="pageBox pTB20">
<a class="cur">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="/liaotian/index_6.html">6</a>
<a href="#">7</a>
<a href="#">8</a>
<a href="#" class="disabled">下一页</a>
<a href="#" class="disabled">尾页</a></div>
QQ咨询