帝国cms分页导航--列表式 样式修改!

本文介绍如何在网页中实现分页显示功能,并通过CSS样式进行美化,包括设置页面显示内容的样式、分页按钮的样式以及交互效果。

效果展览

 

 

1.首先在列表模板中存在相应的div

<div class="shpa">[!--show.listpage--]</div>

 

2./e/class/t_functions.php

function sys_ShowListMorePage函数的内容中:

$firststr='<b>页次'.$page.'<span style="color:#d04e00">/</span>'.$totalpage.'</b> ';

Php文件中设置想要的页面显示内容函数$page—当前页面, $totalpage—总共页面。

 

3.css样式文件中添加相应的样式;

.shpa{

      width: 668px;

}

.shpa b{

      padding:0 5px 0;

      margin-top:30px;

      color:#d04e00;

      display:inline-table;

  border:1px solid #ccc;

}

.shpa a{

      padding:0 5px 0;

      color:#1F3A87;

      display:inline-table;

  border:1px solid #ccc;

}

.shpa a:hover{

      color:#fff;

      background:#1f3a87;

      border:1px solid #1f3a87;

}

 

以上是个人总结特此共享,望对需要的朋友有所帮助。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值