• 3833阅读
  • 1回复

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

楼层直达
在仿站的时候,我曾经遇到好几次翻页处明明跟仿的对象站一模一样的代码,然而翻页显示个竖向效果,长长的,极其不美观.我们就先看译文,打开你列表,查到源文件翻页处是否带有<li>标签,如果带有<li>标签说明,原因就出在这里,查看列表模板翻页处的时候根本看不到<li>标签的存在,然后更新列表,查看源文件就出来了,说明这个翻页处的标签已经在默认翻页效果里添加了<li>标签,所以我们要删除<li>标签.DEDE列表翻页显示纵向翻页效果,修改为横线显示效果的方法如下: 6z?gg3GV  
1.(列表翻页效果修改)找到/include/arc.listview.class.php 0@)%h&mD  
查找:<li> 全部替换为"空" DA"}A`HfI  
查找:</li>全部替换为"空" :EZQ'3X  
查找:<li class=\"thisclass\"> 全部替换为"空" ~O;y?]U  
保存,覆盖原文件即可。 hVP IHQt  
}q!_!q,@  
2.(内容页翻页效果修改)找到/include/arc.archives.class.php !QEL"iJ6M'  
查找:<li> 全部替换为"空" a3@w|KLt  
查找:</li>全部替换为"空" Q_zr\RM>  
查找:<li class=\"thisclass\"> 全部替换为"空" =Q(vni83<  
这样修改完之后保存再更新列表看看,列表是不是转为横向显示了,再查看源文件,是不是没了<li>标签.
只看该作者 安逸沙发  发表于: 2014-08-21
织梦列表页的分页标签是采用pagelist来进行调用的,但是很多人在调用之后会出现一个列表竖着排列的问题(横排美观度好一些),还是非常不美观的。具体表现就是如下: Dp^"J85}   
"Lb f F  
问题原因: kl| g  
织梦的pagelist标签默认是内置了<li>标签的,调用之后会在源代码页面中出现,而你的网站如果刚好没有在分页这块对<li>标签进行css定义的话,就会出现<li>标签默认的样式(即图中所示),知道原因之后解决方法就简单了,采用两种方法来解决,一种是删除pagelist标签中内置的<li>标签,一种是给调用出来的<li>标签加上样式。 Cm^Yl p  
第一种添加标签法(推荐):假设你在调用列表分页标签的代码如下所示 vxb@9 eb!H  
<div class="xxx"> B@d1xjp)']  
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/} iM8sX B  
</div> aUA cR W  
这个时候在你调用的css页面中加入一下代码即可: ^,Lt Ewd~Y  
.xxx li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;} gglf\)E;}E  
.xxx li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;} \Ps5H5Qk;  
备注:css代码设置到的文字高度、颜色等等数据可以自己修改,另外一定要加“xxx”改成你写的代码中的div的属性定义。xxx仅仅只是替代演示,需要自行修改的 B`#*o<eb  
第 二种删除内置标签法:查找网站根目录下includ中的arc.listview.class.php和arc.archives.class.php这 两个文件,打开后,按ctrl+H键进行查找替换,需要分别将<li>、</li>、<li class=\"thisclass\">这三个代码进行全部替换成空,之后保存。 _wmI(+_  
k j-=xhJ{=  
在图中红框位置分别依次输入以上提到的三个代码。然后点击右侧的全部替换,保存。然后快看看是不是解决了问题! {aoM JJq  
最后,如若你还有解决不了的问题,或者有需要录制视频帮你解决问题的需求,可以及时到有问必答中提交,或者邮件告知我们亦可。
快速回复

限100 字节
安逸网提示:批量上传需要先选择文件,再选择上传
 
认证码:
上一个 下一个