分享一个优化XiunoBBS首页回帖样式

奇梦 7月前 957

首先来看两张图,默认回帖样式和优化后的回帖样式;

 图一XiunoBBS默认样式;
 图二优化后的样式;


是不是好看多了,下面附件分享已修改过的文件,也可自行修改自己喜欢的样式,找到文件:/view/htm/thread_list.inc.htm 修改即可;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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>&nbsp;<?php echo $_thread['username'];?>&nbsp;于&nbsp;<?php echo $_thread['create_date_fmt'];?>&nbsp;发布&nbsp;&nbsp;</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>&nbsp;<?php echo $_thread['lastusername'];?>&nbsp;最后回复</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自行升级;


原文来自:https://www.qimxy.com/thread-21.htm

最后于 6月前 被奇梦编辑 ,原因:
最新回复 (2)
  • 彳余先生 5月前
    引用 2
    请问你说的Font Awesome是什么东西,在哪里更新?
  • 奇梦 5月前
    引用 3
    彳余先生 请问你说的Font Awesome是什么东西,在哪里更新?
    Font Awesome官网  没必要更新,我是要用新的图标
返回
发新帖