• 3832阅读
  • 1回复

织梦dedecms修改列表li翻页显示横向效果 两种方法解决织梦列表页分页标签

楼层直达
在仿站的时候,我曾经遇到好几次翻页处明明跟仿的对象站一模一样的代码,然而翻页显示个竖向效果,长长的,极其不美观.我们就先看译文,打开你列表,查到源文件翻页处是否带有<li>标签,如果带有<li>标签说明,原因就出在这里,查看列表模板翻页处的时候根本看不到<li>标签的存在,然后更新列表,查看源文件就出来了,说明这个翻页处的标签已经在默认翻页效果里添加了<li>标签,所以我们要删除<li>标签.DEDE列表翻页显示纵向翻页效果,修改为横线显示效果的方法如下: ;^/ruf[t  
1.(列表翻页效果修改)找到/include/arc.listview.class.php d>f;N+O%  
查找:<li> 全部替换为"空" 0$|VkMq(  
查找:</li>全部替换为"空" pwN2Nzski  
查找:<li class=\"thisclass\"> 全部替换为"空" \~#\ [r_  
保存,覆盖原文件即可。 NAo.79   
\hX,z =  
2.(内容页翻页效果修改)找到/include/arc.archives.class.php [<=RsD_q~  
查找:<li> 全部替换为"空" r $S9/  
查找:</li>全部替换为"空" A}Iyl   
查找:<li class=\"thisclass\"> 全部替换为"空" 4(\1z6?D  
这样修改完之后保存再更新列表看看,列表是不是转为横向显示了,再查看源文件,是不是没了<li>标签.
只看该作者 安逸沙发  发表于: 2014-08-21
织梦列表页的分页标签是采用pagelist来进行调用的,但是很多人在调用之后会出现一个列表竖着排列的问题(横排美观度好一些),还是非常不美观的。具体表现就是如下: jV>raCK_  
#\.,?A}9  
问题原因: |)b6>.^  
织梦的pagelist标签默认是内置了<li>标签的,调用之后会在源代码页面中出现,而你的网站如果刚好没有在分页这块对<li>标签进行css定义的话,就会出现<li>标签默认的样式(即图中所示),知道原因之后解决方法就简单了,采用两种方法来解决,一种是删除pagelist标签中内置的<li>标签,一种是给调用出来的<li>标签加上样式。 mpI5J'>]  
第一种添加标签法(推荐):假设你在调用列表分页标签的代码如下所示 oX S1QT`B  
<div class="xxx"> <acUKfpY  
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/} aqRhh=iS  
</div> h|VeG3H  
这个时候在你调用的css页面中加入一下代码即可: #{?PbBE}  
.xxx li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;} hxVKV?Fl  
.xxx li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;} TcjEcMw,  
备注:css代码设置到的文字高度、颜色等等数据可以自己修改,另外一定要加“xxx”改成你写的代码中的div的属性定义。xxx仅仅只是替代演示,需要自行修改的 4zev^FR  
第 二种删除内置标签法:查找网站根目录下includ中的arc.listview.class.php和arc.archives.class.php这 两个文件,打开后,按ctrl+H键进行查找替换,需要分别将<li>、</li>、<li class=\"thisclass\">这三个代码进行全部替换成空,之后保存。 8+a4>8[M  
Bg5Wba%NK  
在图中红框位置分别依次输入以上提到的三个代码。然后点击右侧的全部替换,保存。然后快看看是不是解决了问题! 3L833zL  
最后,如若你还有解决不了的问题,或者有需要录制视频帮你解决问题的需求,可以及时到有问必答中提交,或者邮件告知我们亦可。
快速回复

限100 字节
安逸网提示:如果您在写长篇帖子又不马上发表,建议存为草稿
 
认证码:
上一个 下一个