黑帽联盟

 找回密码
 会员注册
查看: 1400|回复: 0
打印 上一主题 下一主题

[建站文章] 帝国cms修改默认分页列表样式方法

[复制链接]
yun 黑帽联盟官方人员 

920

主题

37

听众

1364

积分

超级版主

Rank: 8Rank: 8

  • TA的每日心情
    奋斗
    2019-10-18 11:20
  • 签到天数: 678 天

    [LV.9]以坛为家II

    本帖最后由 yun 于 2018-4-25 07:27 编辑

    用过帝国cms的都知道,其界面并非很好看,但帝国cms注重的是内在,功能十分强大。可能会有亲问本站是用什么后台程序,其实本站也是用帝国cms做的。不过我想用帝国cms把网站做成这种风格的并不多吧。


    记得当初做此站的列表模板分页时,在网上找了好久才做出来。修改列表模板分页需要修改php文件,网上的教程也有很多,不过基本都是一篇不停转载,转载一次少一点,最后是体无完肤!说了这么久,可能还有许多亲不知道洒家在说什么,还是来看一张分页列表的对比图吧。
    31.png


    怎么样,修改后的是不是要比未修改前的更高大上呢。我觉得写得还不够详细,于是进行了完善与补充,现已整理好分享给大家。

    首先在安装目录下找到“语言包下fun”的路径D:\AppServ\www\myweb\e\data\language\gb\pub\fun.php如下图:
    32.png



    找到后用dw或Notepad+等编辑工具打开都可以,不建议使用记事本打开!在修改前建议先复制一份,利于出错后好及时恢复原始状态。打开后找到第92行并进行对应修改,截图如下:
    33.png

    修改好了后记得到后台刷新下页面,再来放一张修改分页函数后的效果图:
    34.png

    从图中可以看到已经有了变化,文字成功替换成了箭头。至于还是方形有框而不是圆形的,这个需要写样式了。下面附洒家网站的样式源码如下:

    css样式:

    • /*帝国cms修改默认分页列表样式*/
    • .web_page{height:50px; line-height:50px; margin:10px auto 10px;text-align: center;}
    • .web_page a,.web_page b{width:20px; display:inline-block; height:20px; line-height:20px;margin:0 1px;border:1px solid #999 ;border-radius:20px;}
    • .web_page a:hover,.web_page b{border:1px solid #00a3cf ;color:#00a3cf ;}

    将上面的css样式复制到系统默认样式表中,即:D:\AppServ\www\myweb\skin\default\css\style.css,具体操作如下图:
    35.png



    然后再到后台点击→→1.模板→→2.列表模板→→3.管理列表模板→→4.修改新闻列表(注意:如果网站文章使用的是文章列表则修改文章列表即可)→→5.显示模板变量说明→→6.复制分页导航变量名→→7.Ctrl+F在页面模板内容中查找到并添加样式名“web_page”。具体操作如下图:
    36.png

    添加后再来刷新后台看下效果。可以先复制几十条信息,这样分页数更多,看得更直观。效果图如下:
    37.png

    怎么样,看似快成功了吧,只是总页数上面多了个圈圈。这个部里需要看下源码,上图中可以看出是a标签内包含了b标签引起的,那么我们将b标签去掉即可。

    怎么去呢?依旧是修改php文件,在安装目录下找到“列表模板分页函数”的路径D:\AppServ\www\myweb\e\class\t_functions.php如下图:
    38.png



    下面找到第101行后进行修改,如下图:

    39.png



    修改后一定要到后台刷新“刷新所有信息栏目页”,否则页面会没有效果的。具体位置和最终的效果图如下:
    40.png


    好了,关于帝国cms修改默认分页列表样式方法的教程到此就结束了


    帖子永久地址: 

    黑帽联盟 - 论坛版权1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
    2、本站所有主题由该帖子作者发表,该帖子作者与黑帽联盟享有帖子相关版权
    3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和黑帽联盟的同意
    4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
    5、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
    6、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
    7、黑帽联盟管理员和版主有权不事先通知发贴者而删除本文

    您需要登录后才可以回帖 登录 | 会员注册

    发布主题 !fastreply! 收藏帖子 返回列表 搜索
    回顶部