【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”





评论
发表评论