织梦仿站列表页pagelist分页显示竖排,如何修改成横排?
2014-03-24 16:25
471 查看
织梦仿站列表页pagelist分页显示竖排,如何修改成横排?
织梦列表页的分页标签是采用pagelist来进行调用的,但是很多人在调用之后会出现一个列表竖着排列的问题(横排美观度好一些),还是非常不美观的。
问题原因:
织梦的pagelist标签默认是内置了<li>标签的,调用之后会在源代码页面中出现,而你的网站如果刚好没有在分页这块对<li>标签进行css定义的话,就会出现<li>标签默认的样式(即图中所示),知道原因之后解决方法就简单了,采用两种方法来解决,一种是删除pagelist标签中内置的<li>标签,一种是给调用出来的<li>标签加上样式。
第一种添加标签法(推荐):假设你在调用列表分页标签的代码如下所示
<div class="xxx">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</div>
这个时候在你调用的css页面中加入一下代码即可:
.xxx li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;}
.xxx li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
备注:css代码设置到的文字高度、颜色等等数据可以自己修改,另外一定要加“xxx”改成你写的代码中的div的属性定义。xxx仅仅只是替代演示,需要自行修改的
第 二种删除内置标签法:查找网站根目录下includ中的arc.listview.class.php和arc.archives.class.php这 两个文件,打开后,按ctrl+H键进行查找替换,需要分别将<li>、</li>、<li class=\"thisclass\">这三个代码进行全部替换成空,之后保存。文章由雨田SEOER编写。
织梦列表页的分页标签是采用pagelist来进行调用的,但是很多人在调用之后会出现一个列表竖着排列的问题(横排美观度好一些),还是非常不美观的。
问题原因:
织梦的pagelist标签默认是内置了<li>标签的,调用之后会在源代码页面中出现,而你的网站如果刚好没有在分页这块对<li>标签进行css定义的话,就会出现<li>标签默认的样式(即图中所示),知道原因之后解决方法就简单了,采用两种方法来解决,一种是删除pagelist标签中内置的<li>标签,一种是给调用出来的<li>标签加上样式。
第一种添加标签法(推荐):假设你在调用列表分页标签的代码如下所示
<div class="xxx">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</div>
这个时候在你调用的css页面中加入一下代码即可:
.xxx li{float:left;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;list-style:none;}
.xxx li.thisclass,.xxx li.thisclass a,.xxx li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
备注:css代码设置到的文字高度、颜色等等数据可以自己修改,另外一定要加“xxx”改成你写的代码中的div的属性定义。xxx仅仅只是替代演示,需要自行修改的
第 二种删除内置标签法:查找网站根目录下includ中的arc.listview.class.php和arc.archives.class.php这 两个文件,打开后,按ctrl+H键进行查找替换,需要分别将<li>、</li>、<li class=\"thisclass\">这三个代码进行全部替换成空,之后保存。文章由雨田SEOER编写。
相关文章推荐
- DedeCMS_织梦_如何修改织梦内容页和列表页Pagelist分页样式?
- 如何修改[!--show.listpage--]在列表页中的展示?
- 织梦列表页分页错位(分页显示竖排)
- 如何修改DeDe标签Pagelist分页样式详解
- 如何修改DeDe标签Pagelist分页样式详解
- 织梦dedecms列表页dede:pagelist分页问题
- 织梦分页调用横排Li一行显示,解决分页列表显示
- 如何使用 BindingSource 绑定 ListBox,同时解决绑定 List<T> 后修改数据源不能同时刷新界面显示的问题
- dede5.6 分页标签修改,pagelist标签修改
- 修改DeDe标签Pagelist分页样式
- dedecms教程:dede织梦内容页{dede:pagebreak/}分页标签修改方法
- DataGrid分页显示 pageList
- YII2.0如何将分页功能 ?page=* 修改为 /page/*.html
- 修改DeDe标签Pagelist分页样式,自定义分页样式
- 织梦默认分页样式修改 解决分页列表显示,去掉li
- 嗨分享-前端技术-帝国CMS手机站修改列表分页(sysShowListMorePage)
- onethink使用article:list显示后台文章标题和article:page 实现分页
- 织梦仿站,友情链接如何横排?
- 织梦默认分页样式修改 解决分页列表显示,去掉li