找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 590|回复: 0
打印 上一主题 下一主题

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

[复制链接]

3444

主题

3465

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
11142
跳转到指定楼层
楼主
发表于 2018-2-13 20:39:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

我们站长使用织梦(dedecms)用来给自己的网站作为内核的还是比较多的,因为属于国产CMS,一来要支持一下,二来算是目前国内CMS中做的最好的 开源程序之一。所以更多的朋友喜欢用来作为网站的内核。我们只需要给自己需要做的网站做一个属于自己的模板就可以了。但是在做模板的过程中我们需要用到很 多功能,一些通用的功能完全可以采纳通用的样式代码操作,比如itbulu在给公司做仿站的时候需要用到的标签都做成通用版,以后要要使用的时候直接调用 复制就可以,省时省力。
比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。
首先,我们需要在分页列表模板中插入分页列表标签:
复制代码代码如下:
{dede:list pagesize='30'}
  • [url=[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;
    }
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端