【DEDE】织梦常用的分页标签及分页样式代码
2015年04月10日 21:15:59 作者:Jiaozn 分类:语言 评论(0)首先,我们需要在分页列表模板中插入分页列表标签:
<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; }
除非注明,发表在“Jiaozn的博客”的文章『【DEDE】织梦常用的分页标签及分页样式代码』版权归Jiaozn所有。
转载请注明出处为“本文转载于『Jiaozn的博客』原地址https://jiaozn.com/reed/114.html”
评论
发表评论