您的位置:首页 > Web前端 > CSS

phpcms中 改造多页文章的"上一页"和"下一页"样式

2017-05-24 16:26 204 查看
注意:改造前,请确保你的PHPCMS是目前最新版本的20070428.如果不是那就先升级吧.

1.找到并打开module\article\include\global.func.php
搜索以下内容:

$pages .= $page==$i ? '<strong>['.$i.']</strong> ' : '[<a href="'.linkurl(item_url('url', $catid, $ishtml, $urlruleid, $htmldir, $prefix, $itemid, $addtime, $i)).'">'.$i.'</a>] ';

复制代码
将以上内容替换为以下内容:

$pages .= $page==$i ? '<SPAN class=active>'.$i.'</SPAN> ' : '<a href="'.linkurl(item_url('url', $catid, $ishtml, $urlruleid, $htmldir, $prefix, $itemid, $addtime, $i)).'">'.$i.'</a> ';

复制代码
再找到以下内容:

return "<a href=\"".$prepageurl."\"><img src=\"".PHPCMS_PATH."images/page_pre.gif\" align=\"absmiddle\" border=\"0\" /></a> ".$pages." <a href=\"".$nextpageurl."\"><img src=\"".PHPCMS_PATH."images/page_next.gif\" align=\"absmiddle\" border=\"0\" /></a>";

复制代码
将以上内容替换为以下内容:

return "<a href=\"".$prepageurl."\">上一页</a> ".$pages." <a href=\"".$nextpageurl."\">下一页</a>";

复制代码
2.将以下CSS文件添加到模板所要调用的CSS文件中[通常是style.css]:

.PageNum{clear:both;text-align:left;margin:0 auto;width:540px;line-height:120%;}

.PageNum .active{background:#fff;border:1px solid #333;color:#bc2931;font-weight:bold;padding:2px 5px;margin:4px 5px 0 0;float:left;}

.PageNum .dot{float:left;}

.PageNum a{padding:2px 5px;margin:4px 5px 0 0;background:#f3f3f3;border:1px solid #999;float:left;}

.PageNum a:visited{color:#000;text-decoration:none;}

.PageNum a:hover{color:#fff;background:#1f3a87;border:1px solid #131B31;}

复制代码
如果你不希望连接中带有下画线,你可以添加text-decoration:none到.PageNum a{*}中来控制.

3.修改模板content.html
搜索{$pages},修改为以下样式:
<div class="PageNum">{$pages}</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐