进入管理中心 亿企生意通 资源导航 微信大号推广 固定广告位交易 设为首页|加入收藏
当前位置:亿企联盟资讯 > 建站技术 > dedecms教程

织梦列表页分页样式研究

出处:本站原创   发布时间:2018-10-16 10:11:59    您是第0位浏览者

  今天为了美化一下网站的分页样式,折腾了将近1小时,现将结果分享出来,以备日后之需。

  1、首先回顾一下织梦的 pagelist标签;

  名称:pagelist

  功能:表示分页页码列表

  语法:

  {dede:pagelist listsize='3' listitem=''/}

  文件:

  \include\arc.listview.class.php

  \include\arc.sglistview.class.php

  function GetPageListDM($list_len,$listitem="index,end,pre,next,pageno")

  function GetPageListST($list_len,$listitem="index,end,pre,next,pageno")

  参数:

  listsize=3 表示 [1][2][3] 这些项的长度 x 2

  listitem='index,pre,pageno,next,end,option' 表示页码样式,可以把下面的值叠加

  index  首页

  pre 上一页

  pageno 页码

  next 下一页

  end 末页

  option 下拉跳转框

  2、然后根据生成的文章列表的html代码查看html标签,而后调整CSS样式,从而得到符合自己的分页样式;

  在这一步时我估计是走了弯路, 上述的二个php文件(arc.listview.class.php;arc.sglistview.class.php)我以前好像修改过,此次重新修改了这2个文件,附上下载地址(覆盖原有的文件);

  1)列表页模板内调用: (大家参考上述的说明,根据自己需要调整)

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

  2)然后就是CSS样式表了; 如下:

  .lmlpage{ margin:10px 0px; text-align:left; padding:10px 0; } .page-numbers li{ float:left; margin:0 15px 0 0; } .page-numbers a,span.page-numbers{ display:block; padding:8px 0px; min-width:50px; border-radius:2px; background:#3f484f; color:#fff; text-align:center; font-weight:bold; } .page-numbers a:hover,.page-numbers span.current{ background:#f36119; } .thisclass a{background:#f36119; } .page-numbers a:hover,.page-numbers span.current{ background:#f36119; color:#FFF } .pageinfo{display:block; padding:8px 0px; min-width:110px; border-radius:2px; background:#3f484f; color:#fff; text-align:center; font-weight:bold;}

  分享到此就结束了,看看我的成果:


此评论不代表本站观点大家说

0.3037s