文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2022-06-12 01:43

关注

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

比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。

首先,我们需要在分页列表模板中插入分页列表标签:


复制代码代码如下:

<ul>{dede:list pagesize='30'}

<li><a href="[field:arcurl/]">[field:title/]</a>([field:click/] 次阅读)</li>

{/dede:list} </ul>

<div id="pageNav">

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

查看上面的代码是我们需要插入在分页列表模板中的,上面的列表样式我就不列举,主要看其中的分页这段,因为重点是这里,因为很多朋友在加入分页后出现有小圆点,或者是不是横排的。

其次,加入分页样式:


复制代码代码如下:

#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;

}

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-开源
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯