您的位置:首页 > 其它

织梦DedeCms文章上一篇、下一篇修改

2012-12-01 15:51 369 查看
今天在搞 唯美
搭配网 时候,特意修改了织梦CMS文章上一篇下一篇的形式样式,感觉挺不错的,分享给大家!

首先给点视觉感受,看效果图



横排的去掉上一篇、下一篇文字说明,并且修改了“没有了”为"亲,没有了返回唯美搭配网首页",更增加了网站优化和体验!

修改很简单

如下:

首先找到include/arc.archives.class.php

查找

$this->PreNext['pre'] = "上一篇:<a href='$mlink'>{$preRow['title']}</a> ";

修改为

$this->PreNext['pre'] = "<span class='prev'><ahref='$mlink' rel='prev'>{$preRow['title']}</a></span>";

查找

$this->PreNext['pre'] = "上一篇:没有了";

修改为

$this->PreNext['pre'] = "<span class='prev'><ahref='http://www.niutw.com'>亲,没有了返回唯美搭配网首页<; /a></span> ";

查找

$this->PreNext['next'] = "下一篇:<a href='$mlink'>{$nextRow['title']}</a> ";

修改为

$this->PreNext['next'] = "<span class='next'><ahref='$mlink' rel='next'>{$nextRow['title']}</a></span>";

查找

$this->PreNext['next'] = "下一篇:没有了 ";

修改为

$this->PreNext['next'] = "<span class='next'><ahref='http://www.niutw.com'>亲,没有了返回唯美搭配网首页<; /a></span>";

这只是文章模块的修改,图集修改同样道理

下面是就是HTML代码和CSS代码了

文章模板里调用代码

<div class="wz-pagelast">{dede:prenext get='pre'/} {dede:prenext get='next'/} </div>

CSS代码

/上下篇/

.wz-pagelast .prev a {

background: url("/images/icons.gif") no-repeat scroll 0 -224px transparent;

float: left;

height: 16px;

line-height: 16px;

padding-left: 22px;

}

.wz-pagelast .next a {

background: url("/images/icons.gif") no-repeat scroll 100% -240px transparent;

float: right;

height: 16px;

line-height: 16px;

padding-right: 22px;

}

其中图片素材可下载地址:

http://www.niutw.com/templets/default/images/icons.gif

保存上传空间覆盖,更新文章缓存即可

原文地址:http://www.iiwnet.com/php_open/1154.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: