今天在搞 唯美
搭配网 时候,特意修改了织梦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