web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

Dede织梦cms列表页分页按钮不显示终极解决秘诀

474 ℃
           

当你在使用dedecms织梦系统的时候碰到列表页分页按钮不显示的时候请不要慌张,这属于正常现象,因为织梦把列表页按钮的样式封装在了模板里面,如果你拥有较高的CSS水平及PHP程序语言水平,你可以通过打开include/arc.listview.class.php和include/arc.archives.class.php 这两个文件进行底层模板修改。
 
对于很多的草根站长并不了解CSS及PHP语言,这时候该怎么办?花钱请人来修改么?当然不需要,织梦园模板提供一种不需要修改底层模板的方法给大家使用,就是在您的网站CSS样式里面加上这段样式即可实现分页按钮的显示,样式也可以通过修改这段代码实现您的样式。
 
#pagelist {
    padding: 10px 0 20px;
}
ul, ol, li {
    border: 0 none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#pagelist li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
#pagelist li.thisclass {
    background-color: #6DA0E9;
    border: 1px solid #868686;
    color: #FFFFFF;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    padding: 0 7px;
       background:#999;color:#fff
}
#pagelist li{border-bottom:#dadada 1px solid;text-align:center;border-left:#dadada 1px solid;line-height:19px;width:19px;display:inline-block;background:#fff;float:left;height:19px;color:#949494;border-top:#dadada 1px solid;margin-right:3px;border-right:#dadada 1px solid;text-decoration:none}
#pagelist li a:hover{background:#999;color:#fff; display:block; width:19px; height:19px;}
 

在程序模板调用以下标签代码便可以实现列表页分页按钮的显示:

<div class="dede_pages">     <ul class="pagelist">      {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}     </ul>   </div>

但是很多人会有疑问,为什么我控制listsize只显示五个页码,为什么会跑出十个页码呢?因为,dedecms底层这些参数会以乘以2的方式显示,所以您只要把你想要显示的页码个数除以2就可以了。

vue前端分页功能实现代码(附js代码)

织梦CMS如何屏蔽搜索引擎识别

织梦cms提交文章后自动推送到百度站长平台

wordpress文章nextpage分页最后添加“下一页”按钮

织梦cms如何修改15秒后再下载的功能

标签: 分页, 织梦cms

上面是“Dede织梦cms列表页分页按钮不显示终极解决秘诀”的全面内容,想了解更多关于 织梦cms 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_307.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > 织梦cms
本文共计1312个字,预计阅读时长9分钟
生活小工具,收录了80多款小工具
上一篇: 推荐一款免费开源的屏幕录制软件——OBS Studio
下一篇: 推荐一个高质量的图片素材网站——Unsplash
x 打工人ai神器