当前位置:首页 > 帮助教程 > 内容列表

如何修改列表页及其内容页的分页样式

点击次数:更新时间:2010-12-04 10:12:45【打印】【关闭】

BEES企业网站管理系统包装了分页,只要使用分页标签就可以输出分页。

一、列表页分页html代码及其样式

输出html标签为:

<ul>
<li><a href="show_list.php?page=1&amp;id=4">首页</a></li>

<li><a href="#">上一页</a></li><li class="focus"><a href="show_list.php?page=1&amp;id=4">1</a></li>

<li><a href="#">下一页</a></li><li><a href="show_list.php?page=1&amp;id=4">尾页</a></li>

<li> 转到< onchange="location.href=this.options[this.edIndex].value;" style="width: 40px;"><option ed="ed" value="?page=1&amp;id=4">1</option></></li>

<li>共11条记录,当前第1/1</li>      

</ul>

默认模板样式为:

.list_page{float:right; margin:0 10px; margin-top:10px;}
.list_page li{display:inline; margin-right:2px}
.list_page li a{padding:5px;}
.list_page li a:hover,.list_page li.focus a{color:#cc0000;}
.list_page li.focus a{font-weight:bold}

二、内容页分页html代码及其样式

<ul>
<li class="focus"><a href="?id=11">1</a></li>

<li><a href="?id=11&amp;page=2">2</a></li>  

</ul>

默认模板样式为:

.list_page{float:right; margin:0 10px; margin-top:10px;}
.list_page li{display:inline; margin-right:2px}
.list_page li a{padding:5px;}
.list_page li a:hover,.list_page li.focus a{color:#cc0000;}
.list_page li.focus a{font-weight:bold}

默认模板和列表页共用一个样式

.focus为选中状态

 

空间、网站业务联系QQ:2429256177 邮箱:beescms@163.com
客服

工作时间

周一至周日

8:00 - 18:00

在线客服

点击这里给我发消息 BUG反馈

点击这里给我发消息 网站建设

点击这里给我发消息 域名空间

点击这里给我发消息 授权服务

点击这里给我发消息 售前咨询

点击这里给我发消息 意见反馈

点击这里给我发消息 销售客服

联系手机

18288433386

powerd by BEESCMS