当前位置:网站首页 / 电脑技术 / 正文

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

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

阿里云限量代金券 | 此广告位出租25元/月

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,用的照片是下面这张。

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


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

猜你喜欢

网站分类
关注电脑博士
友情链接

分享:

支付宝

微信