花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來(lái)到素材無(wú)憂網(wǎng),按 + 收藏我們
登錄 注冊(cè) 退出 找回密碼

PbootCMS制作個(gè)性分頁(yè)條之單頁(yè)/總頁(yè)數(shù)效果

時(shí)間: 2024-02-18 13:33 閱讀: 作者:素材無(wú)憂網(wǎng)

PbootCMS制作個(gè)性分頁(yè)條之單頁(yè)/總頁(yè)數(shù)效果(圖1)

第一步:PbootCMS 單頁(yè)/總頁(yè)數(shù) 分頁(yè)條效果

顯示上一頁(yè),下一頁(yè),首頁(yè),尾頁(yè),和當(dāng)前頁(yè),以及當(dāng)前頁(yè)位于總頁(yè)數(shù)的位置

這種分頁(yè)效果簡(jiǎn)潔明了,適合博客站和咨詢站等網(wǎng)站使用


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

第二步:CSS樣式代碼

美化后的分頁(yè)條效果

/* ----- 通用PB分頁(yè)條 ----- */
.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;
}


版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!

轉(zhuǎn)載請(qǐng)注明: PbootCMS制作個(gè)性分頁(yè)條之單頁(yè)/總頁(yè)數(shù)效果

標(biāo)簽:  
相關(guān)文章
推薦文章
模板推薦