zblog翻页组件完整代码
时间:2023年09月19日
/来源:网络
/编辑:佚名
做主题不想自己写翻页的特效怎么办?直接用现成的把。
1、在列表页的模板文件添加代码
点击复制代码 PHP
<div class="pagebar">{template:pagebar}</div>
2、在主题的文件夹的template目录,创建pagebar.php文件,写入代码
点击复制代码 PHP
{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.php文件里的ActivePlugin函数添加代码
点击复制代码 PHP
function ActivePlugin_ytecn()
{
global $zbp;
$zbp->lang['msg']['first_button'] = '首页';
$zbp->lang['msg']['prev_button'] = '上页';
$zbp->lang['msg']['next_button'] = '下页';
$zbp->lang['msg']['last_button'] = '尾页';
}
5、完。
1、在列表页的模板文件添加代码
点击复制代码 PHP
<div class="pagebar">{template:pagebar}</div>
2、在主题的文件夹的template目录,创建pagebar.php文件,写入代码
点击复制代码 PHP
{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.php文件里的ActivePlugin函数添加代码
点击复制代码 PHP
function ActivePlugin_ytecn()
{
global $zbp;
$zbp->lang['msg']['first_button'] = '首页';
$zbp->lang['msg']['prev_button'] = '上页';
$zbp->lang['msg']['next_button'] = '下页';
$zbp->lang['msg']['last_button'] = '尾页';
}
5、完。
新闻资讯 更多
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好?哪个适合建站?
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)
- 8织梦CMS在nginx下设置伪静态方法(附nginx伪静态规则)
- 9帝国cms后台登录出现”您还未登录”怎么解决?
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法