通用PHP代码分类模块

2017-9-26 1 PHP代码 蓝优

蓝优网导语:这个版本是简洁版,后台不可设置,必须改文件才可以实现,一般emlog和wordpress用的比较多但是也是PHP通用的。
首先在模板合适位置加入下面代码:
<div class="asb asb-index asb-index-01"> <div class="asb asb-index asb-index-01">
 <ul class="indexebox">
 <li class="indexebox-i indexebox-01">
 <h4>网址导航</h4>
 <p>
 最活跃的网址导航,最广泛的圈子...
 </p>
 <a class="btn btn-default btn-sm" href="http://whdhr.com/">立即导航</a>
 </li>
 <li class="indexebox-i indexebox-02">
 <h4>在线代码</h4>
 <p>
 本站提供的在线代码演示预览
 </p>
 <a class="btn btn-default btn-sm" href="http://whdhr.com/" target="_black">立即使用</a>
 </li>
 <li class="indexebox-i indexebox-03">
 <h4>留言反馈</h4>
 <p>
 新模板还有很多漏洞,如果你发现了那就留言帮帮忙吧!
 </p>
 <a class="btn btn-default btn-sm" href="http://whdhr.com/">前往留言</a>
 </li>
 <li class="indexebox-i indexebox-04">
 <h4>友情链接</h4>
 <p>
 好网站离不开好的友链,本站合作伙伴
 </p>
 <a class="btn btn-default btn-sm" href="http://whdhr.com/">友情链接</a>
 </li>
 <li class="indexebox-i indexebox-100">
 <h4>在线工具</h4>
 <p>
 程序员的工具箱
 </p>
 <a class="btn btn-sm btn-danger" href="http://tool.lu/" target="_black">立即使用</a>
 </li>
 </ul>
</div></div>
之后在css加上如下代码:
.indexebox{overflow:hidden;font-size:12px;text-align:center;background-color:#fff;border:1px solid #eee;border-radius:4px;margin-bottom:20px}
.indexebox h4{font-size:14px;color:#444;margin:10px 0}
.indexebox-i{position:relative;float:left;width:20%;padding:20px;background-color:#fff;color:#777}
.indexebox-01,.indexebox-02,.indexebox-03,.indexebox-04{border-right:1px dashed #ddd}
.indexebox-i:hover{background-color:#F9F9F9}
.indexebox-i p{height:36px;overflow:hidden;color:#bbb} 
@media (max-width: 991px){.indexebox{display:none}}
标签: 代码整理
版权声明:若无特殊注明,本文皆《蓝优》原创,转载请保留文章出处。
本文链接:通用PHP代码分类模块 - http://www.92mo.cn/daima/14.html

发表新评论

快捷功能:

全部评论(1条)
  1. 头像
    回复 威尼斯人平台 群众 2018-04-08 12:21

    “如非如此,军队何必设置一个军师的职位,让我们这些柔弱的家伙的以自居呢?”