您现在的位置是：首页 > 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不管用的解决方法

图文教程

相关源码

帝国cms7.2淘宝客导购自媒体博客网站模板源码本模板基于帝国CMS7.2内核深度开发，为淘宝客、商品导购类自媒体及博客网站设计。通过可视化后台管理，可快速搭建具备商品推荐、比价功能的内容平台，帮助用户实现流量高效转化。查看源码
(PC+WAP)蓝色钢材加工建筑装修施工材料网站模板下载为钢材加工企业设计的PbootCMS响应式模板，采用PC+WAP双端适配技术，数据实时同步。简洁大气的蓝色工业风格设计，突出钢材加工行业特性，其他制造业用户更换图文内容即可快速应用。查看源码
手机软件APP游戏软件下载网站Pbootcms模板(自适应)基于PbootCMS内核深度开发的网站模板，为移动互联网时代打造。无论是手机APP推广、游戏软件展示，还是各类企业官网需求，本模板都能通过简单的图文替换实现行业无缝切换查看源码
(PC+WAP)绿色硅胶橡胶玩具制品营销型网站源码下载为硅胶橡胶制品及玩具行业打造的营销型网站模板，采用PbootCMS内核开发，通过模块化设计实现产品参数、安全认证、应用场景等专业内容的可视化呈现，助力企业建立可信赖的线上展示平台。查看源码
(自适应)蓝色建材亚克力板材装饰材料pbootcms网站模板这款基于PbootCMS开发的响应式模板为建材板材行业优化设计，适用于亚克力板材、建筑装饰材料等企业展示需求。采用HTML5技术实现手机/PC跨终端适配，管理员通过统一后台即可同步查看源码
帝国CMS中小学生知识点试题练习题考试源码下载基于帝国CMS后台管理系统，支持在线修改联系信息、网站参数等配置，操作流程简洁明了。专注于中小学教育领域，集成知识点总结、试题练习、考试资讯等学习资源，为师生提供全面的在线学习支持与服务。查看源码