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

时间：2016年07月09日 | 作者 : liuhui | 分类 : 电脑技术 | 浏览: 6571次 | 评论 0 人

1、首先，把下面的css样式复制到被调用的样式表里（这个可能各不一样，比如卢松松博客主题模版默认的是LuSongSong-Index.css），此css文件在主题目录style文件夹下

a.prev,a.next{display:block;width:108px;height:282px;position:fixed;left:50%;top:50%;margin-top:-141px;background:url("images/arrow.png") no-repeat;}

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

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

a.prev:hover,a.next:hover{background-color:#F7F3ED;}

2、然后，上传一张照片（如卢松松主题是这个目录 \zb_users\THEME\LuSongSong\style\images），命名为arrow.png，用的照片是下面这张。

3、在当前主题的post-single.php文件里添加下面代码，此php文件在template文件夹里，将下面的代码放在id="post_nav"下面

{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、后台首页更新缓存，查看效果！

推荐您阅读更多有关于“”的文章

网站分类

友情链接

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