DEDE分页样式

来源:互联网 发布:诺基亚5233下载软件 编辑:程序博客网 时间:2024/05/29 13:45

DEDE改版到5.3-5.5 分页标签

   {dede:pagelistlistitem="info,index,end,pre,next,pageno" listsize="5"/}

其中会自动生成

  • 以及标签,如果做模板的时候CSS样式设置不正确,则会发生错位.

 

 

  1.   
  2.   
  3.   
  4. 首页
  5.   
  6. 1
  7.   
  8. 2
  9.   
  10. 3
  11.   
  12. 4
  13.   
  14. 5
  15.   
  16. 6
  17.   
  18. 7
  19.   
  20. 8
  21.   
  22. 9
  23.   
  24. 10
  25.   
  26. 11
  27.   
  28. 下一页
  29.   
  30. 末页
  31.   
  32. 2952944
  33.   
  34.   
  35.   
  • 首页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 下一页
  • 末页
  • 2952944条</span>

 

【Pagelist 标记】
功能说明:表示分页页码列表
适用范围:列表模板

(1)语法
{dede:pagelist listsize='3' listitem=''/}
(2)属性
[1] listsize 表示 [1][2][3] 这些项的长度 x 2
[2] listitem 表示页码样式,可以把下面的值叠加
index  首页
pre 上一页
pageno 页码
next 下一页
end 末页
option 下拉跳转框

正确使用

模板里代码放置,可以COPY到列表位置 DIV类名称为tg_pages

 


       

         {dede:pagelist listitem="info,index,end,pre,next,pageno"listsize="5"/}
       

     

 

  下面CSS代码,放到CSS里

或者在两端加上

 .tg_pages{
 padding-top: 10px;
...........................

放到HEAD

 

以下为CSS代码

  .tg_pages{
 padding-top: 10px;
 padding-bottom:10px; text-align: center;
}

.tg_pages li{
 display: inline;
 line-height: 22px;
}
.tg_pages li a{
 margin-right: 5px;
 padding-right: 5px;
 padding-left: 5px;
 padding-top: 3px;
 padding-bottom: 3px;
 border: 1px solid #CCC;
 background-color: #FFF;
}
.thisclass {
 font-weight: bold;
 color: #C00;
 
}
0 0
原创粉丝点击