PbootCMS制作个性分页条之单页/总页数效果-铁虎资源网

PbootCMS制作个性分页条之单页/总页数效果

1年前发布

02312

PbootCMS制作个性分页条之单页/总页数效果

第一步：PbootCMS 单页/总页数分页条效果

显示上一页，下一页，首页，尾页，和当前页，以及当前页位于总页数的位置

这种分页效果简洁明了，适合博客站和咨询站等网站使用

`01`	`<!-- 分页 -->`

`02`	`{pboot:if({page:rows}>0)}`

`03`	`<div class="pagebar">`

`04`	`<div class="pagination">`

`05`	`<a class="page-item page-link hidden-sm"` `href="{page:index}"` `title="首页">首页</a>`

`06`	`<a class="page-item page-link"` `href="{page:pre}"` `title="上一页">上一页</a>`

`07`	`<a class="page-item page-num-current"` `href="JAVAscript:;"` `title="当前页">{page:current}</a>`

`08`	`<a class="page-item page-link"` `href="JAVAscript:;"` `title="当前页/总页数">{page:current}/{page:count}</a>`

`09`	`<a class="page-item page-link"` `href="{page:next}"` `title="下一页">下一页</a>`

`10`	`<a class="page-item page-link hidden-sm"` `href="{page:last}"` `title="尾页">尾页</a>`

11 </div>

12 </div>

13 {else}

`14`	`<div class="tac text-secondary">本分类下无任何数据！</div>`

`15`	`{/pboot:if}`

第二步：CSS样式代码

美化后的分页条效果

`01`	`/* ----- 通用PB分页条 ----- */`

`02`	`.pagebar .pagination {`

`03`	`display: flex;`

`04`	`justify-content: center;`

`05`	`margin-top: 10px;`

06 }

`07`	`.pagination a {`

`08`	`background:` `#fff;`

`09`	`border: 1px solid` `#ccc;`

`10`	`color:` `#333;`

`11`	`font-size: 14px;`

`12`	`padding: 6px 8px;`

`13`	`margin: 0 2px;`

`14`	`border-radius: 3px;`

15 }

`16`	`.pagination a:hover {`

`17`	`color:` `#4fc08d;`

`18`	`border: 1px solid` `#4fc08d;`

19 }

`20`	`.pagination a.page-num-current {`

`21`	`color:` `#fff;`

`22`	`background:` `#4fc08d;`

`23`	`border: 1px solid` `#4fc08d;`

24 }

© 版权声明

文章版权归作者所有，未经允许请勿转载。

THE END

综合资源
# 数据 # 网站 # 博客 # JAVA

喜欢就支持一下吧

相关推荐

评论抢沙发

欢迎您留下宝贵的见解！

提交

暂无评论内容

随即推荐

临时停车自动拨号发短信源码-铁虎资源网

临时停车自动拨号发短信源码

合并版本使用教程：如想扫码后自动弹短信，在链接后加 ?auto=sms；想自动弹电话，加 ?auto=call。自动电话：https://xcx.**.cn/box/nuogeche/?auto=call 自动短信：https://xcx.**.cn/box/nuo...

NAEWTRER1028142NEWETREWT18天前

04310

PbootCMS(自适应手机端)中药馆中医网站模板-铁虎资源网

PbootCMS(自适应手机端)中药馆中医网站模板

(自适应手机端)中药馆中医网站模板PbootCMS内核开发的网站模板，该模板适用于中医网站等企业，当然其他行业也可以做，只需要把文字图片换成其他行业的即可；

zxy202316天前

0418

多功能媒体处理工具V1.1基于FFmpeg开发-铁虎资源网

多功能媒体处理工具V1.1基于FFmpeg开发

本项目是一个基于 FFmpeg 的多功能媒体处理工具，提供去水印、加水印、裁剪、去头尾、添加背景音乐、分辨率调整等常用视频处理能力

Prostokva__ivol20天前

04011

纯静态资源聚合网址导航+音乐播放器-铁虎资源网

纯静态资源聚合网址导航+音乐播放器

简介： ✨ 这是一个开箱即用的静态网页项目，整合了主流AI工具、云服务、技术博客等资源导航功能，无需后端支持，下载后可直接部署。亮点包括：多分类检索：常用/AI官网/云服务/工具/墙外资源/...

anorbuztio195918天前

04710

威力导演2026 PowerDirector v24.0.1003.0-铁虎资源网

威力导演2026 PowerDirector v24.0.1003.0

威力导演2026旗舰版(PowerDirector2026)是一款视频编辑软件及视频剪辑软件.威力导演365最新版采用独家之智慧型高速不失真影片输出技术SVRT,可以快速编辑处理视频,威力导演旗舰版(CyberLink Powe...

test2547897416天前

0489

一键OCR提取文字v1.0.0.111支持微信4.X-铁虎资源网

一键OCR提取文字v1.0.0.111支持微信4.X

此软件是使用aardio精心开发，体积小巧、操作便捷、内存占用低、不占屏幕（界面长宽只有3cm*1cm左右，且可隐藏）此软件不发送或接收任何互联网数据，除软件配置文件外不修改或读取电脑其它任何...

zywinqq4天前

02811

全面战争：三国/Total War:Three Kingdoms

全面战争：三国/Total War:Three Kingdoms-铁虎资源网

全面战争：三国/Total War:Three Kingdoms-铁虎资源网

全面战争：三国/Total War:Three Kingdoms-铁虎资源网

全面战争：三国/Total War:Three Kingdoms-铁虎资源网

wtf0808011天前

02315

安卓蓝河工具箱v4.3.8玩机爱好者无广告版-铁虎资源网

安卓蓝河工具箱v4.3.8玩机爱好者无广告版

蓝河工具箱是一款专为玩机爱好者设计的完全免费且无广告的应用程序。它能够解锁 iQOO 和 vivo 手机的高级功能，包括全局插帧和强开直驱供电等特性，从而提升设备性能和使用体验。用户反馈表明，...

手机版软件

test325760334天前

0369

WordPress主题–Bricks Builder v2.1.1 破解版，自带可视化编辑器的主题-铁虎资源网

WordPress主题–Bricks Builder v2.1.1 破解版，自带可视化编辑器的主题

Bricks Builder是WordPress上的一款主题，非独立的编辑器。主要功能和Elementor编辑器类似。直观地创建整个网站

wtf0808015天前

04810

植物大战僵尸：重植版/Plants vs. Zombies: Replanted

植物大战僵尸：重植版/Plants vs. Zombies: Replanted-铁虎资源网

植物大战僵尸：重植版/Plants vs. Zombies: Replanted-铁虎资源网

植物大战僵尸：重植版/Plants vs. Zombies: Replanted-铁虎资源网

植物大战僵尸：重植版/Plants vs. Zombies: Replanted-铁虎资源网

test3767587516小时前

0346