查看: 19858|回复: 23

[使用帮助] 改造多页文章的"上一页"和"下一页"样式

  [复制链接]
发表于 2007-4-23 11:16:42 | 显示全部楼层 |阅读模式
效果图已经丢失.具体详见作者博客:http://www.winliuxq.com

我们要改造的目标就是网易目前的样式.

好了,改造前,请确保你的PHPCMS是目前最新版本的20070428.如果不是那就先升级吧.

1.找到并打开module\article\include\global.func.php
搜索以下内容:
  1. $pages .= $page==$i ? '<strong>['.$i.']</strong> ' : '[<a href="'.linkurl(item_url('url', $catid, $ishtml, $urlruleid, $htmldir, $prefix, $itemid, $addtime, $i)).'">'.$i.'</a>] ';
复制代码
将以上内容替换为以下内容:
  1. $pages .= $page==$i ? '<SPAN class=active>'.$i.'</SPAN> ' : '<a href="'.linkurl(item_url('url', $catid, $ishtml, $urlruleid, $htmldir, $prefix, $itemid, $addtime, $i)).'">'.$i.'</a> ';
复制代码
再找到以下内容:
  1. 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>";
复制代码
将以上内容替换为以下内容:
  1. return "<a href=\"".$prepageurl."\">上一页</a> ".$pages." <a href=\"".$nextpageurl."\">下一页</a>";
复制代码
2.将以下CSS文件添加到模板所要调用的CSS文件中[通常是style.css]:
  1. .PageNum{clear:both;text-align:left;margin:0 auto;width:540px;line-height:120%;}
  2. .PageNum .active{background:#fff;border:1px solid #333;color:#bc2931;font-weight:bold;padding:2px 5px;margin:4px 5px 0 0;float:left;}
  3. .PageNum .dot{float:left;}
  4. .PageNum a{padding:2px 5px;margin:4px 5px 0 0;background:#f3f3f3;border:1px solid #999;float:left;}
  5. .PageNum a:visited{color:#000;text-decoration:none;}
  6. .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>

至此,我们的样式已经改造完毕了.现在就发表一篇多页文章试看下效果吧!

[ 本帖最后由 winliuxq 于 2008-5-13 08:58 PM 编辑 ]

评分

参与人数 1鲜花 +10 收起 理由
qijisky + 10

查看全部评分

发表于 2007-4-30 19:41:57 | 显示全部楼层
不错。。我收藏了。。
发表于 2007-5-4 16:03:41 | 显示全部楼层
想修改下载频道的,有什么好的办法
现在好象加密了
发表于 2007-5-15 13:57:53 | 显示全部楼层

支持!

不错的贴子!模板修改风格问题太多了
发表于 2007-5-19 19:49:22 | 显示全部楼层
希望这样的前台显示都放到模板组里面能修改
发表于 2007-6-2 16:51:43 | 显示全部楼层
原帖由 10086 于 2007-5-4 04:03 PM 发表
想修改下载频道的,有什么好的办法
现在好象加密了

下载的加密了
不能修改
呵呵
只有文章频道可以
发表于 2007-10-13 10:40:56 | 显示全部楼层
收藏啦,谢谢啊!!
发表于 2007-10-27 14:15:40 | 显示全部楼层
终于找到了
发表于 2007-10-29 19:33:58 | 显示全部楼层
我改了文章摸板出错的~~标签
发表于 2008-6-21 20:29:16 | 显示全部楼层
发表于 2008-6-28 11:46:08 | 显示全部楼层
.   .    .    .
发表于 2008-7-7 03:59:29 | 显示全部楼层
我要居中怎么办?
发表于 2008-7-28 19:07:30 | 显示全部楼层
谢谢 !收藏了
发表于 2008-11-13 13:56:18 | 显示全部楼层
做个记号!马上要用的!
发表于 2008-12-2 16:06:43 | 显示全部楼层
您需要登录后才可以回帖 登录 | 点击这里注册

本版积分规则

小黑屋|Archiver|phpcms网站管理系统 ( 京ICP备14011169 )

GMT+8, 2019-9-22 11:55 , Processed in 0.396908 second(s), 9 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表