让article模块拥有实用的Web 2.0风格翻页页码
类别: Xoops 模块
作者: ezsky
日期: 06月18日
教程原作者:ezsky
关键词: css,article
摘要: 教程原作者:ezsky
附件：pagenav-hack.zip
摘要: 教程原作者:ezsky
有很多朋友抱怨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，大功告成。此方法可以应用到类似情况中。
附件：pagenav-hack.zip
文章管理 V1
URL: http://xoops.org.cn/modules/article/view.article.php/c7/25