bbPress 论坛样式美化代码,给帖子和版块添加上小图标。

bbPress 论坛样式美化代码,给帖子和版块添加上小图标。


标签: ,

正在查看 10 个帖子:1-10 (共 16 个帖子)
  • 作者
    帖子
  • 诗语
    管理员
    • 文章数量: 5,862
    @feibisi
    楼主

    我们因为自己的论坛已经做了不少美化工作,所以就把不必要的给清楚掉了。留了个下面的效果:

    收藏前:

    收藏后:

    代码如下,不过需要你的主题能够支持 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
    }
    诗语
    管理员
    • 文章数量: 5,862
    @feibisi
    楼主

    实际应用效果如下面,是不是很可爱:

    帖子列表页:

    当然其实图标还是可以自定义的,我们论坛希望越简单越好,就去掉了。

    xingjia10086
    • 文章数量: 8
    @xingjia10086

    请问具体怎么实现呢,修改哪个页面呀?

    诗语
    管理员
    • 文章数量: 5,862
    @feibisi
    楼主

    这个是 css 添加到你主题自定义的css里面保存就有。

    不过需要  FontAwesome 字体支持,如果你主题有有了支持 FontAwesome 的可以不用管,没有的就在后台安装这个:

    Better Font Awesome

    81887360
    参与者
    • 文章数量: 46
    @81887360

    管理员,我安装了论坛后,版面字号太小怎么破?

    诗语
    管理员
    • 文章数量: 5,862
    @feibisi
    楼主
    liqi
    参与者
    • 文章数量: 89
    @liqi

    avada可以直接用么?

    诗语
    管理员
    • 文章数量: 5,862
    @feibisi
    楼主

    可以用,请添加到我们的子主题里面。

    如果对论坛要求高的话可以考虑下这款主题:

    https://mall.weixiaoduo.com/item/wei-bbs

    liqi
    参与者
    • 文章数量: 89
    @liqi

    添加到子主题了!可是还是不显示 装了插件就显示了

    liqi
    参与者
    • 文章数量: 89
    @liqi

    还有麻烦问下这个栏是怎么实现的

正在查看 10 个帖子:1-10 (共 16 个帖子)
  • 哎呀,回复话题必需登录。

未找到对应子版块?请直接在 [疑难杂症] 版块中发帖提问。

收藏纪念品


有奖活动

参与论坛社区问答,有机会获赠文派瓦普(Wapuu.com)手办模型。

话题信息

商业系统