当前位置: 首页 >> 语言 >> 【DEDE】织梦常用的分页标签及分页样式代码 >> 正文

【DEDE】织梦常用的分页标签及分页样式代码

9年前 (2015-04-10)     作者:Jiaozn     分类:语言     阅读次数:6987     评论(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://www.jiaozn.com/reed/114.html
0

评论

发表评论   

昵称*

E-mail*(建议输入,以便收到博主回复的提示邮件)

网站

分享:

支付宝

微信