多说显示UA教程以及多说样式分享

amp • • 教程 • 1704 阅读

小编也是个折腾主义，为了实现多说样式，也是花了不少时间，最终实现了，但是还得感谢网友大神的协助，下面来说说我的多说实现的步骤。

多说显示UA教程以及多说样式分享插图

1.本地化embed.js文件

打开远程的embed.js文件地址：http://static.duoshuo.com/embed.js
点击另存为embed.js,然后上传到你的多说目录
或者使用小编的embed.js，
在多说目录找到WordPress.php，点击查找，搜索“embed.js”会看到两处网址

?
1
2
3
4
5
<?php if( is_ssl() ){ ?>
    <script type="text/javascript" src="https://static.<?php echo self::DOMAIN;?>/embed.js" charset="UTF-8" async="async"></script>
<?php } else { ?>
    <script type="text/javascript" src="http://static.<?php echo self::DOMAIN;?>/embed.js" charset="UTF-8" async="async"></script>
<?php }

把src“”里面的内容地址换成你的你上传的embed.js地址，一般来说都是【博客地址/wp-content/plugins/duoshuo/embed.js】，替换后的效果

?
1
2
3
4
5
<?php if( is_ssl() ){ ?>
    <script type="text/javascript" src="https://www.gooboys.com/wp-content/plugins/duoshuo/embed.js" charset="UTF-8" async="async"></script>
<?php } else { ?>
    <script type="text/javascript" src="https://www.gooboys.com/wp-content/plugins/duoshuo/embed.js" charset="UTF-8" async="async"></script>
<?php }

替换完后点击保存，（小编是通过在本地通过Notepad++编辑，然后再通过FTP工具上传到空间的，自己根据自己的实际情况哦），然后回到你的主页，刷新看看多说各项显示是否正常，如果正常显示，那么说明本地化完成了。

2.添加属于博主的标记

打开embed.js，在最顶部添加如下代码：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//管理员判断开始
function sskadmin(e) {
    var ssk = '';
    if(e.user_id==【多说ID】){
        if(sskcheckMobile()){
            ssk = '<span class="user-level-gw user-admin-gw user-admin-gw" title="小编"><i class="fa fa-drupal"></i>小编</span>';
        }else{
            ssk = '<span class="user-level-gw user-admin-gw user-admin-gw" title="小编"><i class="fa fa-drupal"></i>小编</span>';
        }
    }else{
        if(sskcheckMobile()){
            ssk = '';
        }
    }
    return ssk;
}
//管理员判断结束

把“【多说ID】”（包括【】）替换为成你的多说ID即可

多说ID查看地址：http://duoshuo.com/settings/

点击后还要点击自己的多说名字，然后查看地址

多说显示UA教程以及多说样式分享插图1

然后在embed.js搜索如下代码：

?
1
data-qqt-account="' + (r.qqt_account || "") + '">' + u(r.name) + "</span>"),

在后面添加下面代码：

?
1
t += sskadmin(r),

最后点击保存并且上传到你的多说目录中，OK完成！然后再刷新你的主页看看多说是否正常.

3.回复后显示浏览器及操作系统信息（Useragent）

打开embed.js，在最顶部添加如下显代码：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
//显UA开始，代码来源于网友，小编只做小小修改
function sskua(e) {
        var r = new Array;
        var outputer = '';
        if (r = e.match(/FireFox/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_firefox"><i class="fa fa-firefox"></i> Mozilla FireFox' + '|' + r1[1]
        } else if (r = e.match(/Maxthon([d]*)/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_maxthon"><i class="fa fa-globe"></i> Maxthon'
        } else if (r = e.match(/BIDUBrowser([d]*)/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> 百度浏览器' + '|' + r1[1]
        } else if (r = e.match(/UBrowser([d]*)/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> UCBrowser' + '|' + r1[1]
        } else if (r = e.match(/UCBrowser([d]*)/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ucweb"><i class="fa fa-globe"></i> UCBrowser' + '|' + r1[1]
        } else if (r = e.match(/MetaSr/ig)) {
            outputer = '<span class="ua_sogou"><i class="fa fa-globe"></i> 搜狗浏览器'
        } else if (r = e.match(/2345Explorer/ig)) {
            outputer = '<span class="ua_2345explorer"><a href="http://ssk.91txh.com/2345download.php?id=2" target="_blank" style="color:#FFFFFF!important;"><i class="fa fa-globe"></i> 2345王牌浏览器</a>'
        } else if (r = e.match(/2345chrome/ig)) {
            outputer = '<span class="ua_2345chrome"><a href="http://ssk.91txh.com/2345download.php?id=3" target="_blank" style="color:#FFFFFF!important;"><i class="fa fa-globe"></i> 2345加速浏览器</a>'
        } else if (r = e.match(/LBBROWSER/ig)) {
            outputer = '<span class="ua_lbbrowser"><i class="fa fa-globe"></i> 猎豹安全浏览器'
        } else if (r = e.match(/MicroMessenger/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_qq"><i class="fa fa-weixin"></i> 微信' /*+ '|' + r1[1].split('/')[0]*/
        } 
        else if (r = e.match(/Twitter/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_twitter"><i class="fa fa-twitter"></i> Twitter' /*+ '|' + r1[1].split('/')[0]*/
        }
        else if (r = e.match(/Pinterest/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_twitter"><i class="fa fa-pinterest"></i> Pinterest' /*+ '|' + r1[1].split('/')[0]*/
        }else if (r = e.match(/Renren/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_qq"><i class="fa fa-renren"></i> 人人网'/* + '|' + r1[1].split('/')[0]*/
        }else if (r = e.match(/QQBrowser/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_qq"><i class="fa fa-qq"></i> QQ浏览器' + '|' + r1[1]/*.split('/')[0]*/
        } else if (r = e.match(/QQ/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_qq"><i class="fa fa-qq"></i> QQ浏览器' + '|' + r1[1]/*.split('/')[0]*/
        } else if (r = e.match(/MiuiBrowser/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_mi"><i class="fa fa-globe"></i> Miui浏览器' + '|' + r1[1]/*.split('/')[0]*/
        } else if (r = e.match(/Edge([d]*)/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_ie"><i class="fa fa-edge"></i> Edge' + '|' + r1[1]/*.split('.')[0]*/
        } else if (r = e.match(/WeiBo/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_sina"><i class="fa fa-weibo"></i> 新浪微博'/* + '|' + r1[1].split('/')[0]*/
        } else if (r = e.match(/Chrome([d]*)/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_chrome"><i class="fa fa-chrome"></i> Chrome' + '|' + r1[1]/*.split('.')[0]*/
        }else if (r = e.match(/safari/([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_apple"><i class="fa fa-safari"></i> Apple Safari' + '|' + r1[1]
        } else if (r = e.match(/Opera[s|/]([^s]+)/ig)) {
            var r1 = r[0].split("/");
            outputer = '<span class="ua_opera"><i class="fa fa-opera"></i> Opera' + '|' + r[1]
        } else if (r = e.match(/Trident/7.0/gi)) {
            outputer = '<span class="ua_ie"><i class="fa fa-internet-explorer"></i> Internet Explorer 11'
        } else if (r = e.match(/MSIEs([^s|;]+)/gi)) {
            outputer = '<span class="ua_ie"><i class="fa fa-internet-explorer"></i> Internet Explorer' + '|' + r[0]/*.replace('MSIE', '').split('.')[0]*/
        } else {
            outputer = '<span class="ua_other"><i class="fa fa-globe"></i> 其它浏览器'
        }
        if(sskcheckMobile()){
            Mobile='<br><br>';
            Mobile2='<br>';
        }else{
            Mobile='';
            Mobile2='';
        }
        return Mobile2+outputer+"</span>"+Mobile ;
    }
    function sskos(e) {
        var os = '';
        if (e.match(/win/ig)) {
            if (e.match(/nt 5.1/ig)) {
                os = '<span class="os_xp"><i class="fa fa-windows"></i> Windows XP'
            } else if (e.match(/nt 6.1/ig)) {
                os = '<span class="os_7"><i class="fa fa-windows"></i> Windows 7'
            } else if (e.match(/nt 6.2/ig)) {
                os = '<span class="os_8"><i class="fa fa-windows"></i> Windows 8'
            } else if (e.match(/nt 6.3/ig)) {
                os = '<span class="os_8_1"><i class="fa fa-windows"></i> Windows 8.1'
            } else if (e.match(/nt 10.0/ig)) {
                os = '<span class="os_8_1"><i class="fa fa-windows"></i> Windows 10'
            } else if (e.match(/nt 6.0/ig)) {
                os = '<span class="os_vista"><i class="fa fa-windows"></i> Windows Vista'
            } else if (e.match(/nt 5/ig)) {
                os = '<span class="os_2000"><i class="fa fa-windows"></i> Windows 2000'
            } else {
                os = '<span class="os_windows"><i class="fa fa-windows"></i> Windows'
            }
        } else if (e.match(/android/ig)) {
            os = '<span class="os_android"><i class="fa fa-android"></i> Android'
        } else if (e.match(/ubuntu/ig)) {
            os = '<span class="os_ubuntu"><i class="fa fa-linux"></i> Ubuntu'
        } else if (e.match(/linux/ig)) {
            os = '<span class="os_linux"><i class="fa fa-linux"></i> Linux'
        } else if (e.match(/iPhone/ig)) {
            os = '<span class="os_mac"><i class="fa fa-apple"></i> iPhone'
        }else if (e.match(/iPad/ig)) {
            os = '<span class="os_mac"><i class="fa fa-apple"></i> iPad'
        }else if (e.match(/mac/ig)) {
            os = '<span class="os_mac"><i class="fa fa-apple"></i> Mac OS X'
        } else if (e.match(/unix/ig)) {
            os = '<span class="os_unix"><i class="fa fa-linux"></i> Unix'
        } else if (e.match(/symbian/ig)) {
            os = '<span class="os_nokia"><i class="fa fa-mobile"></i> Nokia SymbianOS'
        } else {
            os = '<span class="os_other"><i class="fa fa-desktop"></i> 其它操作系统'
        }
        return os+"</span>" ;
    }
//显UA结束

r1[1]/.split('/')[0]/ 浏览器后面接的这种代码是用来截取版本号的，但是小编也不太会，所以小编有些直接注释掉了，好像微信和微博的版本号就没显示，直接显示微信或者微博了。

同样在embed.js文件然后搜索：

?
1
data-qqt-account="' + (r.qqt_account || "") + '">' + u(r.name) + "</span>"),

再在后面添加（注意，如果想博主的标记显示在多说账号后，就把代码插在t += sskadmin(r)前面，这里是可以换位置的。）：

?
1
data-qqt-account="' + (r.qqt_account || "") + '">' + u(r.name) + "</span>"),

点击保存，再上传到空间OK完成了，刷新页面看看吧。

4.多说样式

这个直接在多说后台的【个性化设置-自定义CSS】添加即可，一下代码来源于网友的分享，根据自己的需要添加哦
以下CSS样式 来源于网友，小编略做修改：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
/*多说UA开始*/
span.ua{
    margin: 0 1px!important;
    color:#FFFFFF!important;
    /*text-transform: Capitalize!important;
    float: right!important;
    line-height: 18px!important;*/
}
.user-admin-gw{
    background-color: #33f76f!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
} 
.ua_other{
    background-color: #000000!important;
    border-color: #357ebd!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_other{
    background-color: #000000!important;
    border-color: #357ebd!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_ie{
    background-color: #428bca!important;
    border-color: #357ebd!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_firefox{
    background-color: #f0ad4e!important;
    border-color: #eea236!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_maxthon{
    background-color: #7373B9!important;
    border-color: #7373B9!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_ucweb{
    background-color: #FF740F!important;
    border-color: #d43f3a!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_sogou{
    background-color: #78ACE9!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_2345explorer{
    background-color: #2478B8!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_2345chrome{
    background-color: #F9D024!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_mi{
    background-color: #FF4A00!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_lbbrowser{
    background-color: #FC9D2E!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_chrome{
    background-color: #EE6252!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_sina{
    background-color: #ff9933!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_twitter{
    background-color: #00aced!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_facebook{
    background-color: #3d5b97!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_qq{
    background-color: #3D88A8!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_apple{
    background-color: #26bff1!important;
    border-color: #4cae4c!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.ua_opera{
    background-color: #d9534f!important;
    border-color: #d43f3a!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
 
 
.os_vista,.os_2000,.os_windows,.os_xp,.os_7,.os_8,.os_8_1 {
    background-color: #39b3d7!important;
    border-color: #46b8da!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
 
.os_android {
    background-color: #98C13D!important;
    border-color: #01B171!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_ubuntu{
    background-color: #DD4814!important;
    border-color: #01B171!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_linux {
    background-color: #3A3A3A!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_mac{
    background-color: #666666!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_unix{
    background-color: #006600!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
.os_nokia{
    background-color: #014485!important;
    border-color: #1F1F1F!important;
    border-radius: 4px;
    padding: 0 5px!important;
}
/*多说UA结束*/
 
/*设计达人多说评论样式完整版 (2013-4-6更新)Start*/
#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current {border:0px;color:#848568;text-shadow:none;background:#dddfc2}
#ds-thread #ds-reset .ds-highlight {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#848568 !important;}
#ds-thread #ds-reset ul.ds-comments-tabs li.ds-tab a.ds-current:hover {color:#696a52;background:#d4d6ba}
#ds-thread #ds-reset a.ds-highlight:hover {color:#696a52 !important;}
  
#ds-thread {padding-left:30px;}
#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset #ds-hot-posts {overflow:visible}
#ds-thread #ds-reset .ds-post-self {padding:10px 0 10px 10px;}
#ds-thread #ds-reset li.ds-post,#ds-thread #ds-reset .ds-post-self {border:0 !important;}
#ds-reset .ds-avatar, #ds-thread #ds-reset ul.ds-children .ds-avatar {position:absolute;top:26px;left:-14px;padding:5px;width:36px;height:36px;box-shadow:-1px 0 1px rgba(0,0,0,.15) inset;border-radius:46px; background:#E5E6D0;}
#ds-thread #ds-reset ul.ds-children .ds-avatar {left:-23px;}
#ds-thread .ds-avatar a {display:inline-block;padding:1px; width:32px;height:32px;border:1px solid #b9baa6;border-radius:50%; background-color:#fff !important}
#ds-thread .ds-avatar a:hover {border-color:#de5a4e}
#ds-thread .ds-avatar > img {margin:2px 0 0 2px}
#ds-thread #ds-reset .ds-replybox {box-shadow:none;}
#ds-thread #ds-reset ul.ds-children .ds-replybox.ds-inline-replybox a.ds-avatar,
#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar {left: 0;top: 0; padding: 0;width: 32px !important;height: 32px !important; background: none;box-shadow: none; } 
#ds-reset .ds-replybox.ds-inline-replybox a.ds-avatar img {width: 32px !important;height: 32px !important; border-radius:50%;} 
#ds-reset .ds-replybox a.ds-avatar,
#ds-reset .ds-replybox .ds-avatar img { padding:0;width:50px !important;height:50px !important; border-radius:5px; }
#ds-reset .ds-avatar img {width:32px !important;height:32px !important;border-radius:32px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.22);
                            -webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;transition:.4s all ease-in-out;
                            }
.ds-post-self:hover .ds-avatar img {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
  
#ds-thread #ds-reset .ds-comment-body {background: #F0F0E3;padding:15px 15px 12px 32px;border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.75) inset;}
  
#ds-thread #ds-reset .ds-comment-body p{color:#787968}
#ds-thread #ds-reset .ds-comments a.ds-user-name {font-weight:bold;color:#696A52 !important;}
#ds-thread #ds-reset .ds-comments a.ds-user-name:hover {color:#D32 !important;}
  
#ds-thread #ds-reset #ds-hot-posts {border:0}
#ds-reset #ds-hot-posts .ds-gradient-bg {background:none;}
  
#ds-reset #ds-bubble #ds-ctx .ds-ctx-entry {padding:0;}
#ds-reset #ds-bubble .ds-avatar, #ds-reset #ds-bubble #ds-ctx-bubble .ds-avatar a {position:static;padding:0;border:0; background:none;box-shadow:none;}
#ds-reset #ds-bubble .ds-avatar img, #ds-reset #ds-bubble #ds-ctx-bubble .ds-avatar a {width:45px !important;height:45px !important;}
#ds-reset #ds-bubble .ds-user-name{padding-left:13px;}
  
#ds-reset .ds-comment-body #ds-ctx {border-left:1px solid #b9baa6;background-color:#e8e8dc !important}
#ds-reset #ds-ctx {margin-right:-15px}
#ds-reset #ds-ctx .ds-ctx-entry {position:relative;padding:10px 30px 10px 10px;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-avatar {top:6px;left:5px;background:none;box-shadow:none;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body {margin-left:46px;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-content {color:#787968}
/*设计达人多说评论样式完整版 (2013-4-6更新)End*/
 
/*通用样式Start
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}
.ds-post:hover{background:#eee !important;}
#ds-thread #ds-reset ul.ds-children .ds-avatar{width:50px !important;}
#ds-thread #ds-reset .ds-replybox{padding: 0 0 0 80px !important;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body{margin-left: 68px !important;}
#ds-recent-comments li.ds-comment:nth-of-type(1){border:none !important;}
#ds-thread{ 
    border-radius: 3px;
}
/** 多说最近留言样式 **/
#ds-recent-comments .ds-avatar img{   
    width:54px;height:54px; 
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius:50%;   
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/  
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;   
    -webkit-transition: 0.4s;      
    -webkit-transition: -webkit-transform 0.4s ease-out;   
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;   
}    
#ds-recent-comments .ds-avatar img:hover{  
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);   
    -moz-transform: rotateZ(360deg);   
}
通用样式End*/
 
/*透明度，背景，边框等样式调整Start*/
.ds-meta {
    opacity: .5;
    }
.ds-meta:hover {
    opacity: 1;
    }
#ds-thread #ds-reset a.ds-like-thread-button {
    background-image: none;
    background-color: #fee2d3;
    border: none;
    text-shadow: none;
    font-family: inherit;
    }
    /*透明度，背景，边框等样式调整End*/
     
    /*社交账号登陆透明度Start*/
    #ds-thread #ds-reset .ds-login-buttons {
    opacity: .5;
}
#ds-thread #ds-reset .ds-login-buttons:hover {
    opacity: 1;
    }
    /*社交账号登陆透明度End*/
     
    /*评论、文本框字体Start*/
    #ds-thread #ds-reset .ds-comment-body p, #ds-thread #ds-reset .ds-textarea-wrapper textarea {
    font-size: 1.15em;
    color: #717171;
    font-family: inherit;
    }
    /*评论、文本框字体End*/
     
    /*用户名等超链接颜色Start*/
    #ds-thread #ds-reset .ds-highlight {
    color: #ef7c6c !important;
}
/*用户名等超链接颜色End*/
 
/*未登录用户名字颜色Start*/
#ds-thread #ds-reset .ds-user-name {
    color: #ef7c6c !important;
}
/*未登录用户名字颜色End*/
 
/*评论框背景Start*/
#ds-thread #ds-reset .ds-textarea-wrapper {
    background: rgba(255, 255, 255, .5);
}
/*评论框背景End*/
 
/*工具栏背景Start*/
#ds-reset .ds-gradient-bg {
    background: rgba(255, 255, 255, .5);
}
/*工具栏背景End*/
 
/*“发布”按钮背景Start*/
#ds-thread #ds-reset .ds-post-button {
    background-image: none;
    background: rgba(136, 172, 219, .2);
    text-shadow: none;
}
/*“发布”按钮背景End*/
 
/*评论列表背景Start*/
#ds-thread #ds-reset li.ds-post {
    background: rgba(255, 255, 255, .2);
}
#ds-thread #ds-reset li.ds-post:hover {
    background-color: rgba(255, 255, 255, .6) !important;
}
/*评论列表背景End*/
 
/*评论数标签Start*/
#ds-thread #ds-reset li.ds-tab a.ds-current {
    background: rgba(255, 255, 255, .2);
}
/*评论数标签End*/
 
/*通用样式Start*/
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}
.ds-post:hover{background:#eee !important;}
#ds-thread #ds-reset ul.ds-children .ds-avatar{width:50px !important;}
#ds-thread #ds-reset .ds-replybox{padding: 0 0 0 80px !important;}
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body{margin-left: 68px !important;}
#ds-recent-comments li.ds-comment:nth-of-type(1){border:none !important;}
#ds-thread{ 
    border-radius: 3px;
}
/** 多说最近留言样式 **/
#ds-recent-comments .ds-avatar img{   
    width:54px;height:54px; 
    border-radius: 50%; 
    -webkit-border-radius: 50%; 
    -moz-border-radius:50%;   
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/  
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;   
    -webkit-transition: 0.4s;      
    -webkit-transition: -webkit-transform 0.4s ease-out;   
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;   
}    
#ds-recent-comments .ds-avatar img:hover{  
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);   
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);   
    -moz-transform: rotateZ(360deg);   
}
/** 多说最近留言样式End **/
 
/*博主标记 CSS Start*/
.sskadmin {
    background-color: #00a67c!important;
    border-color: #01B171!important;
    border-radius: 4px;
    padding: 0 5px!important;
    opacity: .4;
}
.sskadmin:hover {
    opacity: 1;
}
/*博主标记 CSS End*/
 
/*评论框背景图片Start*/
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
background: url("https://www.gooboys.com/wp-content/uploads/2016/04/2016040501304520.png") bottom right no-repeat;}
/*评论框背景图片End*/

到此所有的步骤都完成了，赶紧去试试看吧。
感谢一下大神
来源参考：
搜索客http://ssk.91txh.com/209
MOxFIVE:http://moxfive.xyz/2015/09/29/duoshuo-style/#个性化-CSS-样式

多说显示UA教程以及多说样式分享插图2

更多精彩内容请关注小G乐园微信公众号：gooboys_com

 

 

THE END
分享
二维码
< <上一篇
下一篇>>