zblog翻页组件完整代码
1、在列表页的模板文件添加代码
<div class="pagebar">{template:pagebar}</div>
2、在主题的文件夹的template目录,创建pagebar.文件,写入代码
{if $pagebar && $pagebar.PageAll > 1}
{foreach $pagebar.buttons as $k => $v}
{if $pagebar.PageNow==$k}
<span class="now-page">{$k}</span>
{else}
<a href="{$v}">{$k}</a>
{/if}
{/foreach}
{/if}
3、在css页面写入
CSS
.pagebar{width:100%;margin:0 auto;padding:15px 0 10px;font-size:0;text-align:center;border-radius:3px;box-sizing:border-box;}
.pagebar .now-page{font-size:14px;color:#fff;font-weight:400;padding:5px 10px;margin:0 5px 5px;border:1px solid #0188fb;border-radius:2px;background:#0188fb;display:inline-block}
.pagebar a{margin:2px;padding:5px 10px;font-size:14px;color:#777;font-weight:400;border:1px solid #e2e2e2;border-radius:2px;background:#fff;display:inline-block}
.pagebar a:hover{color:#fff;border:1px solid #0188fb;background:#0188fb}
.pagebar{box-shadow:0 1px 5px 0 rgba(0,0,0,0.05)}
4、如果想让样式加上汉语标识,可以在主题目录的include.文件里的ActivePlugin函数添加代码
function ActivePlugin_yte()
{
global $zbp;
$zbp->lang['msg']['first_button'] = '首页';
$zbp->lang['msg']['prev_button'] = '上页';
$zbp->lang['msg']['next_button'] = '下页';
$zbp->lang['msg']['last_button'] = '尾页';
}
5、完。
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
下一篇:zblog获取图片的高、宽和大小
相关推荐
-
zblog主题建设学习目录
zblog主题建设学习目录
-
zblog数据库配置文件
zblog数据库配置文件
-
zblog主题制作教程常用功能
zblog主题制作教程常用功能
-
wordpress 钩子 新建一个PHP文件,然后执行sql查询和更新
在 WordPrss 中,使用钩子(hooks)可以在特定的操作执行前或执行后执行自己的代码,可以用于添加额外的功能或修改现有功能。常见的钩子有两种类型:动作钩子(action hooks)和过滤器钩子(filtr hooks)。
-
js实现图片懒加载的方法代码优化版
js实现图片懒加载的方法代码优化版.支持图片底部高度。