标签: bbPress, FontAwesome
- 该话题包含 15 个回复,6 人参与,最后由seorapheal 更新于 4 年、 5 月前 。
-
作者帖子
-
我们因为自己的论坛已经做了不少美化工作,所以就把不必要的给清楚掉了。留了个下面的效果:
收藏前:
收藏后:
代码如下,不过需要你的主题能够支持 FontAwesome 才可以:
/* 您可以在此加入您的 CSS 。 點選上方的協助圖示以取得更多資訊。 */ #bbpress-forums #favorite-toggle a:before { content:"\f08a"; margin-right:6px } #bbpress-forums #favorite-toggle .is-favorite a:before { content:"\f004" } #bbpress-forums .subscription-toggle:before { content:"\f09e"; margin-right:6px } #bbpress-forums .is-subscribed .subscription-toggle:before { content:"\f00d" } .bbp-body a.bbp-forum-title:before,.bbp-body a.bbp-topic-permalink:before { position:absolute; left:0; top:0px; display:inline-block; width:25px; font-family:"FontAwesome"; content:"\f086" } .bbp-body .no-replies a.bbp-forum-title:before { content:"\f0e5" } .bbp-body .status-closed a.bbp-topic-permalink:before { content:"\f023" } .bbp-body a.bbp-forum-title,.bbp-body a.bbp-topic-permalink { position:relative; padding-left:25px } .bbp-body a.bbp-forum-title:before,.bbp-body a.bbp-topic-permalink:before,#bbpress-forums #bbp-single-user-details #bbp-user-navigation a:after,#bbpress-forums .subscription-toggle:before,#bbpress-forums #favorite-toggle a:before { font-family:"FontAwesome"; font-weight:normal; font-style:normal; letter-spacing:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
实际应用效果如下面,是不是很可爱:
帖子列表页:
当然其实图标还是可以自定义的,我们论坛希望越简单越好,就去掉了。
请问具体怎么实现呢,修改哪个页面呀?
这个是 css 添加到你主题自定义的 css 里面保存就有。
不过需要 FontAwesome 字体支持,如果你主题有有了支持 FontAwesome 的可以不用管,没有的就在后台安装这个:
管理员,我安装了论坛后,版面字号太小怎么破?
avada 可以直接用么?
添加到子主题了!可是还是不显示 装了插件就显示了
还有麻烦问下这个栏是怎么实现的
-
作者帖子
- 哎呀,回复话题必需登录。