欢迎来到XOOPS China
用户名 密码 记住我 还未注册?
现在最新的稳定版本是 2.3.3
Tag: css   article  

正在浏览:   1 名游客



 到底部   前一个主题   下一个主题  [无发表权] 请登录或者注册

(1) 2 »


让article模块拥有实用的Web 2.0风格翻页页码
Support Team
注册日期:
2006/11/30 20:48
来自 beijing
所属群组:
网站管理员
注册会员
Dev+Hack
资料整理组
帖子: 678 | 精华: 16
等级: 23; EXP: 69
HP: 113 / 567
MP: 226 / 4302
离线

有很多朋友抱怨article的用户体验太差了。

的确有些地方用着不舒服,例如分页的类(pagenav.php)只是提供了一个功能,但是没有美化。

今天我就来以article的内容翻页页码为例,来美化一下。

比较一下美化前后的区别吧:

 美化前


美化后

哈哈,效果不错吧。

 

开始美化:

 第一步:下载附件,解压后分别把,nav.css文件放在article下的template下;pagenav.php放在article的class下。

第二步:把nav.css样式添加到article中,打开template下style.css在最开始添加以下代码:


@import url(nav.css);

第三步:替换article中引用的pagenav类,打开view.article.php,找到206行:


require_once(XOOPS_ROOT_PATH."/class/pagenav.php");

替换为:


require_once( XOOPS_ROOT_PATH "/modules/".$xoopsModule->getVar("dirname")."/class/pagenav.php");

第四步:为模板中翻页区域添加样式,打开article_article.html,找到165行:


<span class="article-term"><{$article.pages}></span>

添加样式 ez-pagenav:


<span class="article-term ez-pagenav"><{$article.pages}></span>

第五步:补充语言文件,找到相应编码的语言包中的main.php 158行 在其下方添加以下两天条语言:


//ezsky hack for pagenav ([email protected])
define($GLOBALS["ART_VAR_PREFIXU"]."_MD_TEXT_PREVIOUS""上一页");
define($GLOBALS["ART_VAR_PREFIXU"]."_MD_TEXT_NEXT""下一页");

 

 

OK,大功告成。此方法可以应用到类似情况中。

 


附件:


zip pagenav-hack.zip 大小: 8.01 KB; 下载次数: 290

2008/6/14 4:27
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
资深会员
注册日期:
2007/3/16 22:40
所属群组:
注册会员
帖子: 173
等级: 12; EXP: 21
HP: 0 / 280
MP: 57 / 1887
离线
确实非常漂亮,用户体验也好了很多。非常感谢ezsky !

2008/6/14 9:10
_________________
中国钢铁营销网
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
Support Team
注册日期:
2007/7/16 17:06
来自 彭城/上海
所属群组:
网站管理员
注册会员
资料整理组
帖子: 419 | 精华: 4
等级: 19; EXP: 3
HP: 90 / 450
MP: 139 / 2596
离线
照葫芦画瓢,搞到CBB上了,感谢楼主!

2008/6/14 11:24
_________________
Open in new window
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
资深会员
注册日期:
2007/3/25 0:59
所属群组:
注册会员
帖子: 249 | 精华: 1
等级: 14; EXP: 75
HP: 0 / 343
MP: 83 / 2292
离线
呵呵,才能上来,感谢啦!

2008/6/14 12:34
_________________
My XOOPS Site :灵异之城 | CMSFamily | 韩情脉脉 | 小城故事
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
资深会员
注册日期:
2008/2/28 11:51
所属群组:
注册会员
帖子: 179
等级: 12; EXP: 43
HP: 0 / 285
MP: 59 / 1127
离线
引用:

cfc4n 写道:
照葫芦画瓢,搞到CBB上了,感谢楼主!


谢谢LZ了。

cfc4n兄,CBB如何做啊?

2008/6/15 0:49
_________________
cresic
,
friendstation
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
网站管理员
注册日期:
2005/2/24 15:17
所属群组:
网站管理员
注册会员
技术文档组
帖子: 717 | 精华: 32
等级: 24; EXP: 28
HP: 0 / 582
MP: 239 / 7413
离线
非常不错.希望有时间多写一些这类教程.
到时候我们整理出来供大家玩耍.

2008/6/15 0:54
_________________
nightcat 小站
不同时刻的访问,有不同的惊喜 小站已经改版,欢迎有事没事来踩踩,内容丰富不少,希望你有喜欢的,

Gtalk:[email protected]
MSN:[email protected]
QQ:1043931
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
Support Team
注册日期:
2006/11/30 20:48
来自 beijing
所属群组:
网站管理员
注册会员
Dev+Hack
资料整理组
帖子: 678 | 精华: 16
等级: 23; EXP: 69
HP: 113 / 567
MP: 226 / 4302
离线
前一阵有点忙,所以很久没发表文章了。
以后有时间多搞些教程出来。

2008/6/15 4:06
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
网站管理员
注册日期:
2005/2/24 15:17
所属群组:
网站管理员
注册会员
技术文档组
帖子: 717 | 精华: 32
等级: 24; EXP: 28
HP: 0 / 582
MP: 239 / 7413
离线
引用:

ezsky 写道:
前一阵有点忙,所以很久没发表文章了。
以后有时间多搞些教程出来。


嗯,感谢贡献.
做教程的一个好处,能很好的积累学到的东西,以教催学.

2008/6/15 11:13
_________________
nightcat 小站
不同时刻的访问,有不同的惊喜 小站已经改版,欢迎有事没事来踩踩,内容丰富不少,希望你有喜欢的,

Gtalk:[email protected]
MSN:[email protected]
QQ:1043931
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
中级会员
注册日期:
2008/6/12 1:45
来自 广东/东莞
所属群组:
网站管理员
注册会员
资料整理组
帖子: 57 | 精华: 1
等级: 6; EXP: 41
HP: 0 / 135
MP: 19 / 420
离线
引用:

ncnynl 写道:
引用:

ezsky 写道:
前一阵有点忙,所以很久没发表文章了。
以后有时间多搞些教程出来。


嗯,感谢贡献.
做教程的一个好处,能很好的积累学到的东西,以教催学.



NC有没有收藏起来?
别象我,精华的东西一定要做好备份呢!

2008/6/15 22:59
Email PDF 书签 打印 Blog 举报 回顶部


回复: 让article模块拥有实用的Web 2.0风格翻页页码
高级会员
注册日期:
2006/8/23 14:49
所属群组:
注册会员
技术文档组
帖子: 143 | 精华: 2
等级: 11; EXP: 1
HP: 0 / 250
MP: 47 / 2096
离线
蛮好的,有空照搬个。但我还是尽量放在一页上,免得人家点来点去的心烦。主要因为我浏览的时候就最怕翻页。

2008/7/29 3:55
_________________
Open in new window
人文与社会::WEN.ORG.CN
Email PDF 书签 打印 Blog 举报 回顶部


(1) 2 »



可以查看帖子。
不可发帖。
不可回复。
不可编辑自己的帖子。
不可删除自己的帖子。
不可发起投票调查。
不可在投票调查中投票。
不可上传附件。
不可不经审核直接发帖。
不可使用主题类别。
不可以使用HTML语法。
不可以使用签名档。

[高级搜索]


快点报名参加XOOPS China佳站展示吧!
只要你的网站是用XOOPS建立的,便可以报名参加XOOPS China佳站展示。你只需写一篇建站经验或者技巧分享的文章,连同你的网站一同提交,便可以在XOOPS China首页的佳站展示中展览不少于一个周。为你的网站增加知名度,带来更大流量,同时也和其他XOOPSer一起分享经验,共同进步。
点击这里报名参加!