您现在的位置是：首页 > 教程 > dedecms教程dedecms教程

dedecms最为常用的分页标签及分页样式代码示例

谢雄民2024-05-14 22:49:13dedecms教程已有26人查阅

导读今天我要分享的是我们最为常用的分页列表及分页样式代码，很多人在这个上面花费的时间较多，其实很简单，如果使用我下面的通用版本就很轻而易举的完工，感兴趣的朋友可以了解下

今天我要分享的是我们最为常用的分页列表及分页样式代码，很多人在这个上面花费的时间较多，其实很简单，如果使用我下面的通用版本就很轻而易举的完工，感兴趣的朋友可以了解下
我们站长使用织梦(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;
}