当前位置 当前位置:首页 > 技术教程

Emlog文章翻页美化修改教程

2019-08-08 10:14:02风象资源网风象资源网1490
内容摘要:首先,打开mo模版文件找到相邻文章的代码替换成以下代码:<?php//blog:相邻文章functionneighbor_log($neighborLog){extract($neighborLog);?><?phpif($prevLog):?><l......

首先,打开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;;
}

标签:文章  修改  教程  美化  翻页  
   相关评论
风象资源网,全网最牛的资源网,分享网上赚钱经验.让每个网民通过网络赚到零花钱,.同时让更多的网民了解网络资源,破解软件、技术教程、活动资讯、游戏资讯、一起在风象资源网分享学习!