夏夜,蟋蟀劲鸣,星光灿烂,月光清澈。孩提时的晨在小山上快活的玩味着每一朵花,每一株草,亦或躺在绿油油的草地数星星。一切都是那么的美好,那么的惬意。
点评:今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工,感兴趣的朋友可以了解下
比如今天我要分享的是我们最为常用的分页列表及分页样式代码,很多人在这个上面花费的时间较多,其实很简单,如果使用我下面的通用版本就很轻而易举的完工。
首先,我们需要在分页列表模板中插入分页列表标签:
<ul>{dede:list pagesize='30'}
<li><a rel="nofollow noopener noreferrer" 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;
}
本文DEDECMS最为常用的分页标签及分页样式代码到此结束。最快的脚步不是跨越,而是继续;最慢的步伐不是缓慢,而是徘徊;最好的道路不是大道,而是坦荡;最险的道路不是陡坡,而是陷阱;最大的幸福不是得到,而是拥有;最好的财富不是金钱,而是健康;最棒的祝福不是将来,而是现在。小编再次感谢大家对我们的支持!