技术博客沐辰资源网,网站源码,教程软件分享,-QQ技巧大全-钻石皇朝-技术QQ网-QQ业务乐园-QQ国际网络 分类搜索 官网    留言板   免责声明    我要投稿   ----  

小沐博客

网站首页 emlog资源 正文

Emlog文章翻页美化修改代码小教程

2019-06-16 emlog资源 756 ℃ 0 评论

 

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

Tags:

< 本网宣 >
如有密码均为:www.mucna.cn
学到东西应该懂得感恩作者 无脑喷子永封IP段+删帐号所有评论
本站资源软件和源码 文章大部分为网上收集,如侵犯您的权利,请告知管理员,我们会及时删除,并向您赔礼道歉.

站长QQ:858896214  官方QQ群:579606482

猜你喜欢

本文暂时没有评论,来添加一个吧(●'◡'●)


欢迎 发表评论:

搜索
最近发表