• 原森林之家(foresthouse.cn)改为走私范(zousifan.com),只是改个名内容不变。
  • 网站图片自建立开始到19年全部丢失,血的教训时刻备份,多点备份!

DEDE列表页成竖着了怎么解决

心得笔记 8年前 (2015-12-25) 754次浏览 0个评论 扫描二维码
本文最后更新于2022年7月10日,已超过 1 年没有更新,如果文章内容失效,请 反馈 给我们,谢谢!


今天在用织梦的系统做一个网站,因为这个模板是很早了的安装成功后一切正常,都知道织梦的安全性有待提高所以安装后第一件事就是把织梦升级到最新版了,但是问题来了,当打开列表页的时候原本分页是横向的现在变成竖向的了,很不美观。

我是折腾了很久很久,在网上找了很多资料有的说在后台找到“include”-“arc.listview.class.php” 和“ arc.archives.class.php文件,然后使用全局替换功能找到“

  • ”和“”还有“
  • 然后全部删除,当我看到这里就不看了,别说我没有测试行不行就算是行的我也不会这么做,因为这个改的是DEDE系统文件要受织梦升级影响或出现其它不可预见的错误,我有个怪癖网站的所有操作坚决不能受到CMS或其它外在因素的影响,能在模板完成的操作不管多难也要折腾。人家把花生米剥好了给你吃毕竟没有自己亲手剥的香,万一哪天人家不伺候了你该不习惯了……当有一天,你发现自己炒的菜最香,自己种的果最甜,自己抹掉眼泪才是成长,自己翻过山峦才算到过天空,你就会知道:幸福需要经营,你想要的人生,只能自己给自己。呀,什么情况又走题了,赶紧回来,该打该打……

言归正传这里的方法是问题出在哪就去哪找,这里的问题是出在CSS上面,具体什么问题可以百度,操作方法是什么都不要动,只要去此分页调用的CSS中加入一段代码即可,比如我的列表页的CSS是这个样子的;

 

.pages{text-align:center;height:39px; line-height:32px;font-size:14px; color:#666; margin-top:35px; padding-bottom:15px; }

.pages a{font-family:"\5b8b\4f53";display:inline-block; height:32px; text-align:center; padding:0 14px;  background:#fff; border:1px solid #e0e0e0; 

 border-radius:2px;color:#666;

background:-moz-linear-gradient(top, #ffffff, #eaeaea); /* Firefox */ 

background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eaeaea)); /* Saf4+, Chrome */ 

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType='0'); /* IE*/}

.pages .active{border-color:#e72c52; background:#f33f63; color:#fff;filter:none;font-weight:bold}

.pages a:hover{border-color:#FA4B6E; color:#FA4B6E;}

.pages .active:hover{border-color:#e72c52; background:#f33f63; color:#fff;}

那么只要在最上面添加一句“.pages li {display: inline;}”即可。

需要注意的是“.pages”就是列表页调用的CSS样式我的是“<div class=”pages”>”模板不一样可能CSS也不一样有的是nav有的是list等等根据自己的class替换即可。

这样做的好处就是不管你织梦再怎么更新也影响不了我的布局啦~一劳永逸!


版权所有丨如未注明 , 均为原创丨本网站采用 BY-NC-SA 协议进行授权 , 转载请注明 出处!
喜欢 (3)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
    仅用来给您发送回复提醒。不会公开!
  • 网址