首页 > 代码插件 > Emlog文章翻页美化修改教程

Emlog文章翻页美化修改教程

首先,打开mo模版文件

找到相邻文章的代码替换成以下代码:

<?php
//blog:相邻文章
function neighbor_log($neighborLog){
extract($neighborLog);?>
<?php if($prevLog):?>
<li class="wuisolist">
<a title="<?php echo $prevLog['title'];?>" href="<?php echo Url::log($prevLog['gid']) ?>">上一篇:<?php echo $prevLog['title'];?></a>
</li>
<?php endif;?>
<?php if($nextLog && $prevLog):?>
<?php endif;?>
<?php if($nextLog):?>
<li class="next">
<a title="<?php echo $nextLog['title'];?>" href="<?php echo Url::log($nextLog['gid']) ?>">下一篇:<?php echo $nextLog['title'];?></a>
</li>
<?php endif;?>
<?php }?>

然后在eg文章页把以前的上一篇下一篇换成以下代码:

<!--上一篇-下一篇--> <nva class="pager wow fadeInUp" role="navigation">
 
<?php neighbor_log($neighborLog, 'nextLog');?>
 
</nva><br>&nbsp&nbsp<!--上一篇-下一篇-->

最后一步添加打开style.css文件在最下面添加以下代码

/*上一篇下一篇*/
.pager {
padding-left:0;
margin:20px 0;
text-align:center;
list-style:none;
font-size: 14px;
}
.pager li {
display:inline;
}
.pager li>a,.pager li>span {
color: #FFFFFF;
border-color: #3496E6;
background-color: #3496E6;text-decoration:none;
display:inline-block;
padding:5px 14px;
border:1px solid #3496E6;
border-radius:15px;
}
 
.pager .next>a,.pager .next>span {
float:right;
}
.pager .wuisolist>a,.pager .wuisolist>span {
float:left;
}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
cursor:not-allowed;
color: #3496E6;
border-color: #3496E6;
background-color: blue;
}
.pager li>a:hover,.pager li>a:focus {
text-decoration:none;
display:inline-block;
padding:5px 14px;
border:1px solid #3496E6;
border-radius:15px;
background-color: trasparent;color: #3496E6;;
}

已有 0/9050 人参与

发表评论:

侵权删帖/违法举报/商务合作/投稿等事物联系邮箱:2930885395@qq.com 或 QQ2930885395
苏ICP备19016014号-1 sitemap