• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

    DEDECMS最为常用的分页标签及分页样式代码

    发布者: 酸菜鱼 | 发布时间: 2025-7-24 16:57| 查看数: 76| 评论数: 0|帖子模式

    我们站长使用织梦(dedecms)用来给自己的网站作为内核的还是比较多的,因为属于国产CMS,一来要支持一下,二来算是目前国内CMS中做的最好的 开源程序之一。所以更多的朋友喜欢用来作为网站的内核。我们只需要给自己需要做的网站做一个属于自己的模板就可以了。但是在做模板的过程中我们需要用到很 多功能,一些通用的功能完全可以采纳通用的样式代码操作,比如itbulu在给公司做仿站的时候需要用到的标签都做成通用版,以后要要使用的时候直接调用 复制就可以,省时省力。 

    比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。 
    首先,我们需要在分页列表模板中插入分页列表标签: 
                            复制代码
                            代码如下:
           
           
      {dede:list pagesize='30'} 
             
    • [url=https://zhuji.jb51.net/[field:arcurl/]][field:title/][/url]([field:click/] 次阅读) 
              {/dede:list}
     
             
           
      {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
     

           
    查看上面的代码是我们需要插入在分页列表模板中的,上面的列表样式我就不列举,主要看其中的分页这段,因为重点是这里,因为很多朋友在加入分页后出现有小圆点,或者是不是横排的。 
    其次,加入分页样式: 
                            复制代码
                            代码如下:
           
            #pageNav { 
            font: 12px/24px Tahoma; 
            height: 30px; 
            margin: 15px auto 0; 
            text-align: center; 
            width: 500px; 
            } 
            #pageNav ul { 
            list-style-type: none; 
            overflow: hidden; 
            } 
            #pageNav ul li { 
            background-color: #FFFFFF; 
            border: 1px solid #CCDBE4; 
            color: #0B3B8C; 
            display: block; 
            height: 22px; 
            margin: 0 2px; 
            padding: 0 3px; 
            float: left; 
            } 
            #pageNav ul li a { 
            background-color: #FFFFFF; 
            color: #0B3B8C; 
            padding: 0 3px; 
            } 
            #pageNav ul li a:hover { 
            color: #D87D08; 
            } 
            #pageNav ul li.hover { 
            border: 0 none; 
            color: #000000; 
            font-weight: bold; 
            } 
            #pageNav ul li.hover a { 
            color: #000000; 
            } 


    来源:互联网
    免责声明:如果侵犯了您的权益,请联系站长(1277306191@qq.com),我们会及时删除侵权内容,谢谢合作!

    最新评论

    浏览过的版块

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表