当前位置:首页 » 不干胶 » 正文

Zblog程序添加左右翻页按钮代码

2016年02月27日 08:46:06  分类: 不干胶  参与: 865人  点这评论

Zblog添加左右翻页按钮方法,在我个人博客上面就可以看到效果。

一、ZblogPHP版添加左右翻页按钮的方法

1、CSS(见附2)

2、翻页图标(见附1)

3、 PHP在当前主题的post-single.php文件里添加下面代码

{if $article.Prev}<a class="prev" href="{$article.Prev.Url}" title="{$article.Prev.Title}"></a>{/if}

{if $article.Next}<a class="next" href="{$article.Next.Url}" title="{$article.Next.Title}"></a>{/if}

4、后台首页更新缓存,查看效果!

二、ZblogASP版添加左右翻页按钮的方法

1、CSS(见附2)

2、翻页图标(见附1)

3、打开当前主题模版下的b_article-single.html文件

把<div class="post-nav"><#template:article_navbar_l#><#template:article_navbar_r#></div>

替换成下面这两行代码即可:

<a class="prev" href="<#article/nav_l/url#>"title="<#article/nav_l/name#>"></a>

<a class="next" href="<#article/nav_r/url#>" title="<#article/nav_r/name#>"></a>

或者

<div class="post-nav"><#template:article_navbar_l#><#template:article_navbar_r#></div>这行代码不动。

把/zb_system/DEFEND/default/目录下的b_article_navbar_l.html和b_article_navbar_r.html里面的代码分别换成下面这两行也行:

<a class="prev" href="<#article/nav_l/url#>"title="<#article/nav_l/name#>"></a>

<a class="next" href="<#article/nav_r/url#>" title="<#article/nav_r/name#>"></a>

4、后台首页更新缓存。

以上相关附件

附件1:

Zblog添加左右翻页按钮代码

附件2:

a.prev,a.next{display: block;

width: 108px;

height: 282px;

position: fixed;

left: 50%;

top: 50%;

margin-top: -141px;

background: url("images/2016021233244465.png") no-repeat;

}//图片的路径根据自己主题修改

a.prev{margin-left:-600px;background-position:0 0;}

a.next{margin-left:486px;background-position:0 -320px;}

来源:成都星辉印刷广告公司(QQ号:3393846410)咨询电话18283374241

本文链接:http://www.tuniuboke.com/post/207.html

本文标签:优惠券  

10.00广告印刷公司-喷绘写真-宣传单名片海报设计【成都星辉印刷厂】
<< 上一篇 下一篇 >>

  • 评论(1)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
«   2017年11月   »
12345
6789101112
13141516171819
20212223242526
27282930

网站分类

标签列表

最近发表

最新留言

成都星辉印刷广告| 网站地图| 本站主题| 给我留言| 文章归档

备案/许可证 蜀ICP备16033525