• 观点

    互联网+时代,说建站,谈运营与网络营销

    dedecms教程:解决织梦分页列表一直竖着的解决办法

    时间:2020-12-16

    用过织梦dedecms默认模板的就知道织梦dedecms默认模板的分页就是一个很好的素材。
     
    你要是稍微懂一些 css的话 自己加上一些 鼠标hover样式 之类的就更加完美了。
    好了 废话不多说。
    很多人直接自己写模板,然后分页这一块,就被弄得稀里糊涂,稀烂的了。
     
    下面放出这个代码。 这一块作为单独的,直接插入到你的模板中即可。
     
    你自己也不用写UL LI了。
     
    div段代码:
    <div class="scv_listpages">
    <ul class="pagelist">
    {dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
    </ul>
    </div>
     
    CSS段代码(加载到你自己的CSS中去)
     
    .scv_listpages{
    }
    .scv_listpages ul{
            float:left;
            padding:12px 0px 12px 16px;
    }
    .scv_listpages ul li{ 
            float:left;
            font-family:Tahoma;
            line-height:17px;
            margin-right:6px;
            border:1px solid #E9E9E9;
    }
    .scv_listpages ul li a{
            float:left;
            padding:2px 4px 2px;
            color:#555;
            display:block;
    }
    .scv_listpages ul li a:hover{
            color:#690;
            text-decoration:none;
            padding:2px 4px 2px;
    }
    .scv_listpages ul li.thisclass,
    .scv_listpages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
            background-color:#F8F8F8; 
            padding:2px 4px 2px;
            font-weight:bold;
    }
    .scv_listpages .pageinfo{
            line-height:21px;
            padding:12px 10px 12px 16px;
            color:#999;
    }
    .scv_listpages .pageinfo strong{
            color:#555;
            font-weight:normal;
            margin:0px 2px;
    }
      0
      首页
      案例
      关于
      联系