烟雨红尘的寻觅,诗画江南的惦记

多说CSS给你的网站多说用户昵称加“V”头衔(更新:多说已翻车!)

行走江湖 2017-02-18 浏览(432) 评论(1)
- N +
如图所示效果,在多说管理后台的css栏添加css可以实现改效果!
#ds-thread #ds-reset a.ds-user-name[data-user-id='多说ID']:after{
     content: "V";
    margin-left: 6px;
    font-size: 12px;
    color: #EBCD3E;
    border-radius: 3px;
    padding: 1.5px 4px;
    display: inline-block;
    margin: 0 5px;
    font-weight: 900;
    background: #CE1B08;}
以上css实现的具体细微效果可以自行更改调整。 多个用户添加方式:
#ds-thread #ds-reset a.ds-user-name[data-user-id='多说用户IDA']:after,#ds-thread #ds-reset a.ds-user-name[data-user-id='多说用户IDB']:after{
    content: "\f27d";
    margin - left: 5 px;
    color: #ffb600; 
    margin: 0 5 px;
    font: normal normal normal 14px/1 FontAwesome;
   
}
本文转自:禾令奇博客
本文标题:多说CSS给你的网站多说用户昵称加“V”头衔(更新:多说已翻车!)
作者授权:除特别说明外,本文由 情醉中国风 原创编译并授权 情醉中国风博客 刊载发布。
版权声明:本文不使用任何协议授权,您可以任何形式自由转载或使用。
标签:
作者:情醉中国风

评论列表 (1)条评论
网友昵称:情醉中国风
情醉中国风管理员1年前 (2017-03-21)回复
多说标签被解释了(⁄ ⁄•⁄ω⁄•⁄ ⁄)

发表评论