RSS订阅专注X86/ARM架构技术
博客交流QQ群693563350 赞助本站
你现在的位置:网站首页 / 电脑技术 / 正文内容

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

12320 电脑技术 | 2016年07月09日

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


上一篇:如何用U盘装系统之优盘启动盘制作教程

下一篇:scrolltopcontrol.js返回顶部的导航链接插件

猜你喜欢