EMLOG教程:博客加入简单分类模块

  • 内容
  • 相关

这个版本是简洁版,后台不可设置,必须改文件才可以实现,emlog和wordpress通用。

首先在模板合适位置加入下面代码:

<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://xuboke.com/">立即导航</a>
 </li>
 <li class="indexebox-i indexebox-02">
 <h4>在线代码</h4>
 <p>
 本站提供的在线代码演示预览
 </p>
 <a class="btn btn-default btn-sm" href="http://xuboke.com/" target="_black">立即使用</a>
 </li>
 <li class="indexebox-i indexebox-03">
 <h4>留言反馈</h4>
 <p>
 新模板还有很多漏洞,如果你发现了那就留言帮帮忙吧!
 </p>
 <a class="btn btn-default btn-sm" href="http://xuboke.com/">前往留言</a>
 </li>
 <li class="indexebox-i indexebox-04">
 <h4>友情链接</h4>
 <p>
 好网站离不开好的友链,本站合作伙伴
 </p>
 <a class="btn btn-default btn-sm" href="http://xuboke.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}}
以上教程结束,希望能帮助到您!

本文标签:

版权声明:若无特殊注明,本文皆为《蓝优》原创,转载请保留文章出处。

本文链接:EMLOG教程:博客加入简单分类模块 - http://xuboke.com/catjs/156.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

5条评论
  1. avatar

    在线看小说 Lv.1 Safari 10.0 Safari 10.0 iPhone iOS 10.3.3 iPhone iOS 10.3.3 回复

    都是好博客系统,有做小说的博客推荐吗

    陕西省西安市 移动GSM/TD-SCDMA/LTE全省共用出口

    1. avatar

      懿古今 Lv.2 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows 7 x64 Edition Windows 7 x64 Edition 回复

      看来博主是专攻EMLOG方面了,EMLOG我还没接触过,个人还是比较喜欢折腾WordPress

      广西南宁市西乡塘区 电信

      1. 蓝优 uBrowser 6.1.3228.1 uBrowser 6.1.3228.1 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        回复了懿古今:EM和WP相比,EM比较简单然而WP比较复杂一点,其实都是一样,贪多嚼不烂,专攻一点比较好!
        至于EM和WP看个人喜欢,都是为了折腾二折腾!

        广东省韶关市 移动

    2. avatar

      很文博客 Lv.1 uBrowser 6.1.3228.1 uBrowser 6.1.3228.1 Windows 8.1 Windows 8.1 回复

      还是喜欢现成的模板修改一下就好了。

      广西梧州市 联通

      1. 蓝优 uBrowser 6.1.3228.1 uBrowser 6.1.3228.1 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        回复了很文博客:你现在这个主题也很不错,功能也非常的强大!

        广东省韶关市 移动

    00:00 / 00:00
    顺序播放