前言

从RiPro美化包里移过来的首页四格小工具，感觉特别好看，稍微改了下分享出来给大家，当然，除了子比，其他主题同样适用，只不过子比用起来比较方便，因为它的模块化布局，所以只需在后台加一个广告位模块，修改代码就可以实现首页四格小工具了。

教程开始

因为工具里涉及到文字图标，所以需要调用文字图标得js代码，我调用的是Font Awesome中文网的cdn在线js，比较方便，将下面的代码放到主题设置里的自定义代码中就可以了

<link rel="stylesheet" href="//at.alicdn.com/t/font_1324673_0fwuxikv8155.css" type="text/css" media="all">

子比模板首先在模块小工具里添加一个广告位，将下面的代码复制进去，其他模板一般要将代码添加到index.php合适的位置

最后只需要将css放到自定义代码中就可以了，对于其他模板，可以放到style.css中