您现在的位置是:首页 > 教程 > pbootcms教程pbootcms教程
pbootcms制作个性分页单页/总页数效果代码示例
尤介辉2024-09-11 18:54:33pbootcms教程已有人查阅
导读第一步: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会员标签参数说明
会员标签 标签全站可用,具体使用建议参考默认模板 1、基本标签 {pboot:ucenter} 个人中心地址 {pboot:login} 登录地址 {pboot:register} 注册地址 {pboot:umodify} 资料修改 -
增加自定义pbootcms文章内容替换标签的方法
本文涉及二开内容,新手勿试!如果重度使用过pbootcms就会发现默认的标签放在php代码里无法操作,例如:完成以上步骤后新的标签就生效了,前台调用代码 -
pbootcms调用标签tdk等写法归类
列表时间格式化[list:date style=Y-m-d]、内容详情页时间格式化{content:date style=Y-m-d}栏目列表里调用当前栏目名称和链接栏目名称:[list:sortname] -
pbootcms模板内页调用当前栏目子栏目的方法
pbootcms模板内页调用当前栏目的子栏目
留言与评论 (共有 条评论) |