织梦dedecms常用的分页标签及分页样式代码[无bug]
问题还是列表页的问题。目前最新版本已经解决了这个问题,但是在样式上又出现了一些不兼容的地方,让一些小白头疼,之前老威也头疼了很久,用过很多分页样式都没解决,后来找到这一个分页样式,完美解决,分享给大家。
在列表页需要调用分页的地方加上如下代码,之前的可以去掉。
PHP
<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>
上面的代码是我们需要插入在分页列表模板中的,很多朋友在加入分页后出现有小圆点,或者是不是横排的,这就需要我们加上css样式了。
CSS
#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;
}
颜色高度什么的大家如果感觉不好看可以再自行修改一下.
THE END