用户名 密码 记住我 还未注册?

文章管理 - 让article模块拥有实用的Web 2.0风格翻页页码

文章管理 :: Xoops 模块

让article模块拥有实用的Web 2.0风格翻页页码


教程原作者:ezsky
css article

有很多朋友抱怨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
<< 如何用article模块替代新闻管理 XOOPS模块的开发设计教程 >>
分类
Theme制作 模块Hack

跟踪网址
  • 文章地址: http://xoops.org.cn/modules/article/view.article.php/c7/25
  • 跟踪地址: http://xoops.org.cn/modules/article/trackback.php/25
API: 工具箱 短消息 Email PDF 书签 打印 | RSS | RDF | ATOM
Copyright© ezsky & XOOPS CHINA
网友个人意见,不代表本站立场。对于发言内容,由发表者自负责任。
发表者 树状展开