分享一个优化XiunoBBS首页回帖样式 原创 CSS/SASS XiunoBBS
分享一个优化XiunoBBS首页回帖样式 原创 CSS/SASS XiunoBBS
奇梦
发布于 2018-07-18 16:06:03
发布于 2018-07-18 16:06:03
首先来看两张图，默认回帖样式和优化后的回帖样式； 图一XiunoBBS默认样式；
图二优化后的样式；
是不是好看多了，下面附件分享已修改过的文件，也可自行修改自己喜欢的样式，找到文件：/view/htm/thread_list.inc.htm 修改即可；
<div class="d-flex justify-content-between small mt-1">
<div>
<!--{hook thread_list_inc_username_before.htm}-->
<!--<span class="username text-grey mr-1 hidden-sm" uid="<?php echo $_thread['uid'];?>"><?php echo $_thread['username'];?></span>-->
<span class="date text-grey<?php if($_thread['lastuid']) { ?> hidden-sm<?php } ?>"><i class="icon-user-o"></i> <?php echo $_thread['username'];?> 于 <?php echo $_thread['create_date_fmt'];?> 发布 </span>
<!--{hook thread_list_inc_username_after.htm}-->
<!--{hook thread_list_inc_lastuid_before.htm}-->
<?php if($_thread['lastuid']) { ?>
<span>
<span class="username text-grey mr-1" uid="<?php echo $_thread['lastuid'];?>"><i class="icon-send-o"></i> <?php echo $_thread['lastusername'];?> 最后回复</span>
<span class="text-grey"><?php echo $_thread['last_date_fmt'];?></span>
</span>
<?php } ?>
<!--{hook thread_list_inc_lastuid_after.htm}-->
</div>需要注意的是我升级了Font Awesome到4.7.0版本，XiunoBBS是4.6.3版本有的图标没有，需要用4.7.0版本的新图标，请参考Font Awesome自行升级；
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读