收藏本站 依旧织梦网(19dede.com),专注织梦模板设计制作!
当前位置:主页 > 织梦教程 > 使用教程 >

织梦dedecms列表页实现分页教程

时间:2016-08-31 16:59 来源:www.19dede.com 作者:依旧织梦网 阅读:


在使用织梦程序建站的时候,我们经常会在列表页使用分页功能,下面依旧织梦网就分享下织梦列表页的分页代码和css样式的调用:

分页代码:
<div class="dede_pages"><ul class=pagelist>{dede:pagelist listitem="info,index,end,pre,next,pageno,option"listsize="3"/}</ul></div>
 
dede自带的分页样式:
dedecms默认模版 default 中 有page.css样式,打开复制其中的分页代码:(77-116行)
.dede_pages{
}
.dede_pages ul{
float:left;
padding:12px 0px 12px 16px;
}
.dede_pages ul li{
float:left;
font-family:Tahoma;
line-height:17px;
margin-right:6px;
border:1px solid #E9E9E9;
}
.dede_pages ul li a{
float:left;
padding:2px 4px 2px;
color:#555;
display:block;
}
.dede_pages ul li a:hover{
color:#690;
text-decoration:none;
padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
background-color:#F8F8F8;
padding:2px 4px 2px;
font-weight:bold;
}
.dede_pages .pageinfo{
line-height:21px;
padding:12px 10px 12px 16px;
color:#999;
}
.dede_pages .pageinfo strong{
color:#555;
font-weight:normal;
margin:0px 2px;
}
 
复制到相应的模版及css样式中,调用即可。 如显示显示效果中有li的点,可以在ul中加:list-style:none;

注意:列表页调用文章列表的时候一定要使用{dede:list pagesize ='12'}{/dede:list}标签,而不是{dede:arclist }{/dede:arclist}标签。

 

本文版权归原作者所有,转载请注明原文来源出处,依旧织梦网感谢您的支持!

本文链接:http://www.19dede.com/dedecmsjc/55.html 织梦dedecms列表页实现分页教程http://www.19dede.com/dedecmsjc/55.html

广告
相关内容:
发表评论:
特价模板
特价织梦模板本站将持续推出,特价模板不参与其他促销活动!