分享一个优化XiunoBBS首页回帖样式 原创 CSS/SASS XiunoBBS

首先来看两张图,默认回帖样式和优化后的回帖样式;  图一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>&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自行升级;

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏惨绿少年

chrony软件使用说明

1.1.1 chrony简介   Chrony是一个开源的自由软件,它能保持系统时钟与时钟服务器(NTP)同步,让时间保持精确。   它由两个程序组成:chro...

1.2K0
来自专栏美丽应用

滚动截图:更人性化的长截图工具

811
来自专栏蔡述雄的专栏

包学会之浅入浅出Vue.js:开学篇

Vue 是国人写的,技术文档也妥妥的是中文,想到这我就有学习的动力。

49K64
来自专栏别先生

Intellij Idea中Backspace无法使用,Ctrl+c/Ctrl+d等等快捷键无法使用的问题的解决

1:作为一个强迫症的我使用习惯了Eclipse,可能是对快捷键的依赖性,都说Idea是开发Java的最好工具,下载,安装等等(过程省略,百度很多方法),这里说一...

3506
来自专栏QQ音乐技术团队的专栏

【QQ音乐web团队】:ReactJS 服务端同构实践

最近在项目中接入了 ReactJS 并在服务端做了同构直出。关于 ReactJS 服务端同构业界已经有不少分享,这篇文章会主要注重实践的内容,把实现细节和遇到的...

3407
来自专栏web前端教室

先行者计划群视频 每周一课 -- 什么是前端组件?(文字简版)

image.png 在今天同学们发我的作业中,我给一个同学回复说,你这不是组件化,只是一个效果的实现。他问我,那还要什么呢?我不是特别理解。 今天咱们先聊一下,...

20210
来自专栏IT笔记

360浏览器兼容模式文档模式默认以ie7标准渲染?

今天,360浏览器下在线报名的页面数据显示异常,极速下并没有问题。 360帮助中心是这么说的: 浏览器默认内核的指定只需在head标签中添加一行代码即可: 若...

3375
来自专栏小文博客

为你的站点加上“懒加载”——提高用户体验&节省流量

通常来说,一个正常web页面是由图片和文字以及各种CSS,JS构成,而这其中,拖慢网速的罪魁祸首就是图片。懒加载即将页面中的图片分布加载,边浏览边加载,从而减轻...

4359
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native升级指南|v0.40+升级适配经验与心得

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息,为大家精心准备的React N...

3918
来自专栏听雨堂

JQuery笔记(三) jquery的用途

  近期jquery的学习经历了一些反复:开始时觉得非常强大,比js好用,和css关系密切,一句话:完美。等到把《锋利的JQuery》看完,又有点不知道用它来干...

3209

扫码关注云+社区

领取腾讯云代金券