帝国CMS内容页调用上一篇和下一篇如何实现,看别人都是横向排列,左右排列如何才能实现呢,其实很简单,使用css即可实现,快来看看吧!
效果图如下↓
内容页调用代码如下↓
<div class="layui-card-body prev-next"> <div class="prev"> [e:loop={'selfinfo',1,0,0,'id<'.$navinfor[id].'','id desc'}] 上一篇:<a href="<?php echo $bqsr[titleurl]; $pre='true'; ?>" class="pagefi"><?=esub($bqr[title],30)?></a> [/e:loop] <?php if(empty($pre)){ echo "上一篇:很抱歉没有了..."; } ?> </div> <div class="next"> [e:loop={'selfinfo',1,0,0,'id>'.$navinfor[id].'','id asc'}] 下一篇:<a href="<?php echo $bqsr[titleurl]; $next='true'; ?>" class="pagefi"><?=esub($bqr[title],30)?></a> [/e:loop] <?php if(empty($next)){ echo "下一篇:很抱歉没有了..."; } ?> </div> </div> |
css调用代码如下↓
.prev-next{ padding:10px 20px; overflow: hidden; border-top: 1px #efefef solid; color: #888; } .prev-next .prev{ float: left; } .prev-next .next{ float: right; } |
上一篇:帝国cms上传附件保持原文件名的
下一篇:帝国CMS删除信息来源超链接的方