织梦列表分页竖向排列变为横向排列的解决办法

发布时间：2022-09-02 10:35:10 所属栏目：教程来源：互联网

导读：有多种方法可以解决DedeCms织梦列表分页竖向排列的问题你要是稍微懂一些 css的话自己加上一些鼠标hover样式之类的就更加完美了。第一种方法下面放出这个代码。这一块作为单独的，直接插入到你的模板中即可。你自己也不用写UL LI了。 div段代码： div

　　有多种方法可以解决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;
　　}
　　第二种方法

　　找到/include/arc.listview.class.php以及arc.archives.class.php文件
　　<li> 全部替换为"空"
　　查找：
　　</li>全部替换为"空"
　　查找：
　　<li class="thisclass"> 全部替换为"空"
　　保存，覆盖原文件即可

（编辑：鞍山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!