dedecms常用的分页标签及分页样式代码[无bug]
就目前来说,国内使用织梦dedecms来建站的站长还是有很多的,作为国内cms中做得最好的开源程序之一,让更多的朋友青睐,用其作为内核,根据自己需要做的网站做一套属于自己的模板就可以了,通用标签调用方便快捷,但是也出现了许许多多的小bug,开发团队也在不断完善着这些bug。
之前老威给大家介绍过织梦列表页分页错位的解决方法,今天这个问题还是列表页的问题。目前最新版本已经解决了这个问题,但是在样式上又出现了一些不兼容的地方,让一些小白头疼,之前老威也头疼了很久,用过很多分页样式都没解决,后来找到这一个分页样式,完美解决,分享给大家。
在列表页需要调用分页的地方加上如下代码,之前的可以去掉。
<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样式了。
#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; }
颜色高度什么的大家如果感觉不好看可以再自行修改一下,更多建站仿站小知识请关注老威SEO博客。