时间:2016年07月09日 | 作者 : liuhui | 分类 : 电脑技术 | 浏览: 6519次 | 评论 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,用的照片是下面这张。
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、后台首页更新缓存,查看效果!
推荐您阅读更多有关于“”的文章
Powered By Z-Blogphp
分享:
支付宝
微信