第一步

翻开当前模板的全局CSS，一般都是main.css,吧下面代码复制进去

layui-box layui-code-view" style="margin-top: 0px; margin-bottom: 10px; padding: 9.5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: border-box; position: relative; font-size: 13px; border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; overflow: auto; line-height: 1.42857; word-break: break-all; border-radius: 4px;">
code
.new-content {margin-top: 5px;}
.tpt-wp{margin:0 auto;width:100%;margin-bottom: 10px;}.tpt-cm{color: #333;text-align: center;background: #FFF;height: 60px;line-height: 60px;    border: 1px solid #eaeaea;}.tpt-md-4{float:left}.tpt-md-3{float:left}.tpt-md-2{float:left}.tpt-md-1{width:100%}
@media only screen and (max-width:767px){.tpt-md-4{width:50%}.tpt-md-3{width:100%}.tpt-md-2{width:100%}.tpt-ml-3{display:none}.tpt-mr-3{display:none}.tpt-ml-7{width:100%}.tpt-mr-7{width:100%}}
@media only screen and (min-width:768px) and (max-width:1023px){.tpt-md-4{width:50%}.tpt-md-3{width:50%}.tpt-md-2{width:50%}.tpt-ml-3{display:none}.tpt-mr-3{display:none}.tpt-ml-7{width:100%}.tpt-mr-7{width:100%}}
@media only screen and (min-width:1024px) and (max-width:1199px){.tpt-md-4{width:33.33333333%}.tpt-md-3{width:33.33333333%}.tpt-md-2{width:50%}.tpt-ml-3{float:left;width:30%}.tpt-mr-3{float:right;width:30%}.tpt-ml-7{float:left;width:70%}.tpt-mr-7{float:right;width:70%}}
@media only screen and (min-width:1200px){.tpt-md-4{width:25%}.tpt-md-3{width:33.33333333%}.tpt-md-2{width:50%}.tpt-ml-3{float:left;width:30%}.tpt-mr-3{float:right;width:30%}.tpt-ml-7{float:left;width:70%}.tpt-mr-7{float:right;width:70%}.tpt-wp{width:100%;margin:0 auto;;margin-bottom: 10px;}}

第二步

翻开你的首页模板位置 通常是log_list.php  下面代码扔进去

code
data = $db->once_fetch_array('SELECT COUNT(*) AS total FROM ' . DB_PREFIX . 'comment');
$log_com = $data['total'];
$data = $db->once_fetch_array('SELECT COUNT(*) AS total FROM ' . DB_PREFIX . 'blog WHERE type = \'blog\'');
$log_total = $data['total'];
$data = $db->once_fetch_array('SELECT COUNT(*) AS total FROM ' . DB_PREFIX . 'user');
$count_user = $data['total'];
$sql = 'SELECT * FROM ' . DB_PREFIX . 'blog WHERE type=\'blog\' ORDER BY date DESC LIMIT 0,1';
$res = $db->query($sql);
$row = $db->fetch_array($res);
$date = date('n月j日', $row['date']);

第三步

翻开你的log_list.php 吧下面代码放到合适的位置

code
<div class="tpt-wp cl">
<ul>
<li class="tpt-md-4"><div class="tpt-cm">
<i class="fa fa-folder-open-o" style="font-size: 20px; color: #e4ad85;vertical-align: middle;
    margin: 0px 3px;"></i>资本主题 <font color="#03f"><?php echo $log_total;?></font> 篇</div>
</li>
<li class="tpt-md-4"><div class="tpt-cm">
<i class="fa fa-commenting-o" style="font-size: 20px; color: #27c24c;vertical-align: middle;
    margin: 0px 3px;"></i>批评答复 <font color="#03f"><?php echo $log_com;?></font> 次</div>
</li>
<li class="tpt-md-4"><div class="tpt-cm">
<i class="fa fa-user-o" style="font-size: 20px; color: #23b7e5;vertical-align: middle;
    margin: 0px 3px;"></i>网站用户 <font color="#03f"><?php echo $count_user;?> </font>位</div>
</li>
<li class="tpt-md-4"><div class="tpt-cm">
<i class="fa fa-history" style="font-size: 20px; color: #7266ba;vertical-align: middle;
    margin: 0px 3px;"></i>最初更新 <font color="#ff0000"><?php echo $date;?></font></a></div>
</li>
</ul>
</div>