您现在的位置是：首页 > cms教程 > PbootCMS教程PbootCMS教程

pbootcms制作个性分页单页/总页数效果代码示例

尤介辉2024-09-11PbootCMS教程已有人查阅

导读第一步：pbootcms 单页/总页数分页条效果显示上一页，下一页，首页，尾页，和当前页，以及当前页位于总页数的位置这种分页效果简洁明了，适合博客站和咨询站等网站使用

第一步：pbootcms 单页/总页数分页条效果显示上一页，下一页，首页，尾页，和当前页，以及当前页位于总页数的位置这种分页效果简洁明了，适合博客站和咨询站等网站使用

{pboot:if({page:rows}>0)}首页  上一页  {page:current}  {page:current}/{page:count}  下一页  尾页{else}本分类下无任何数据！{/pboot:if}

第二步：CSS样式代码美化后的分页条效果

/* ----- 通用PB分页条 ----- */
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 14px;
padding: 6px 8px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #4fc08d;
border: 1px solid #4fc08d;
}
.pagination a.page-num-current {
color: #fff;
background: #4fc08d;
border: 1px solid #4fc08d;
}

本文标签：

很赞哦！ ()

上一篇：pbootcms升级提示执行SQL发生错误！错误：duplicate column name: picstitle

下一篇：pbootcms列表怎么置顶文章istop不管用的解决方法

图文教程

相关源码

(自适应响应式)WORDwps办公资源教程资讯网站模板下载基于PbootCMS内核开发的响应式网站模板，为办公教程、WPS技巧分享、职场技能培训等场景打造。模板内置标准化文档分类体系，支持图文/视频教程混合展示，满足现代办公知识传播需求。查看源码
帝国cms7.5个人博客资讯文章模板下载本模板简洁个人博客网站设计开发，采用帝国CMS内核构建，只需替换文字图片即可快速搭建专业网站。自适应手机端设计，数据实时同步，操作简单便捷。PHP程序确保安全稳定运行，帮助您以较低成本获取持续业务。查看源码
(自适应响应式)化妆美容口红唇膏化妆品模板pbootcms源码下载基于PbootCMS开发的响应式模板，为化妆品品牌、美容机构打造，通过优雅的视觉呈现提升产品展示效果与品牌调性。采用时尚杂志排版风格，色卡系统规范产品展示。微交互动画增强用户体验，智能推荐算法提升产品关联展示效果。查看源码
(PC+WAP)家居装饰家装建材营销型网站pbootcms模板下载本模板基于PbootCMS开发，主要服务于家居装饰、建材及相关行业。采用现代化设计风格，同时适配PC和移动设备访问。模板结构清晰，突出展示家装案例和建材产品，帮助企业在线上建立专业形象，有效展示产品与服务优势。查看源码
(PC模板)工商公司注册会计财务记账pbootcms模板源码下载基于PbootCMS的工商财税行业网站系统，手工编写前端代码确保执行效率，双端自适应设计，支持后台实时更新服务价格和政策文件。查看源码
(自适应)摄像头安防电子设备pbootcms源码下载本模板基于PbootCMS系统开发，为安防电子设备企业设计，特别适合监控摄像头、安防系统等产品的展示。采用响应式技术，确保各类设备参数和功能在不同终端上都能清晰呈现。查看源码