分享一个我常用的织梦网站分页样式代码

  • 编辑时间:2016-12-20
  • 浏览量:
  • 作者:新乡网站建设
    织梦样式分页代码,别小看这么简简单单的一个标签,网站做好之后每次折腾这个都要花费好久,总是这样那样的不满意,不知道你是否也曾碰到这样的问题。下面分享一个我常用的织梦列表代码,如果你喜欢就直接拿去用吧。

   首先,我们需要在分页列表模板中插入分页列表标签:

     <div class="page">
           {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}
    </div>

分页列表标签

    其次,加入分页样式:

    /*分页样式CSS*/
    .page{height:24px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
    .page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
    .page li a{color: #555;}
    .page li a:hover{background:#f5f5f5; color:#0064c4;}
    .page li.thisclass{background:#9A9FA5; color: #fff;}
    .page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
    .page .pageinfo strong{font-weight:normal;}

    最终效果图如下:

分页最终效果图

    如果你对织梦网站建设感兴趣,也可以和我联系,我们一起研究学习。


     本文地址:http://www.xinxiangseo.cn/learn/dedecms/158.html

-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------