多说CSS给你的网站多说用户昵称加“V”头衔（更新：多说已翻车！）-情醉中国风

当前位置：情醉中国风 » 行走江湖 » 多说CSS给你的网站多说用户昵称加“V”头衔（更新：多说已翻车！）

多说CSS给你的网站多说用户昵称加“V”头衔（更新：多说已翻车！）

行走江湖 2017-02-18 浏览(4795) 评论(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”头衔（更新：多说已翻车！）

本文链接：https://sqyai.com/post-87.html

作者授权：除特别说明外，本文由情醉中国风原创编译并授权情醉中国风博客刊载发布。

标签：