投稿
  1. GOOBOYS首页
  2. 教程

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

amp • • 教程 • 阅读 1704

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

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

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教程以及多说样式分享插图3

然后在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教程以及多说样式分享插图5

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

 

 

原创文章，作者：amp，如若转载，请注明出处：https://www.gooboys.com/1871

赞 (0)
ampamp
0 0
上一篇 07/04/2016 03:54
下一篇 10/04/2016 22:48

相关推荐

  • 元旦假期旅途中如何提升信息安全防护能力

    2016年元旦马上就要来了,空气中已经充满着新年的味道。当大家携带自己的数字化设备出行时，必须首先考虑到可能由此引发的数据安全问题——即使前往的目的地并非什么高风险地区。要在旅途中…

    amp amp
    教程 10/04/2016 00:16
    1.7K
  • [Windows] 【阿里云盘变本地硬盘】CloudDrive1.1.45.1 (新增文件夹挂载) 教程

    [Windows] 【阿里云盘变本地硬盘】CloudDrive1.1.45.1 (新增文件夹挂载)

    今天带来的是一个好用的工具，此工具可以把阿里云盘变成本地硬盘功能：查看文件夹大小、使用第三方播放器播放视频、文件重命名、全局下载带宽控制本地上传、本地下载、115秒传迁移到阿里云盘…

    amp amp
    10/04/2016 00:16
    1.7K
  • 微信筛子猜拳必赢技巧 教程

    微信筛子猜拳必赢技巧

    相信小伙伴都玩过微信表情里面的随机筛子和猜拳吧，喜欢打赌的小伙伴注意了，是否遇到过逢赌必赢的对手，每次都屡试不爽，这里面有猫腻，其实是可以作弊的，其实作弊的方法很简单来呢？ &nb…

    amp amp
    10/04/2016 00:16
    1.7K
  • 前方高能预警，微信有这样一群好友的请注意！ 教程

    前方高能预警，微信有这样一群好友的请注意！

    在这个都是套路的世界，要处处小心了。现在看看你的微信好友列表有没有这样一群好友。 要是有些奇奇怪的好友头像或者昵称的话就要注意了，不信你看 如何实现呢？ 步骤 1.首先你在对方的好…

    amp amp
    10/04/2016 00:16
    1.7K
  • 腾讯企业邮箱恢复QQ邮件列表的方法 教程

    腾讯企业邮箱恢复QQ邮件列表的方法

    最近很多小伙伴反映QQ邮件列表QQlist不能注册了，其实我也发现了这个问题，但是，QQ邮件列表QQlist不是不能用了，是被隐藏了，隐藏的时间大约是2014年9月中旬到下旬,然而…

    amp amp
    10/04/2016 00:16
    1.7K
  • 旧无线路由器开启WDS功能，让WiFi信号无死角 教程

    旧无线路由器开启WDS功能，让WiFi信号无死角

    怎么了，家里的WiFi有死角？老旧无线路由器的无线覆盖不给力？现在大功率无线产品或双频无线产品的售价并不便宜，而且仅靠一台无线路由器并不能满足多户型家庭的无线覆盖需求。那么，是不是…

    amp amp
    10/04/2016 00:16
    1.7K

  • 360云盘搬家教程

    前几天，火爆的360云盘也宣布要停止服务了，就目前来说360云盘提供给用户的容量是最大的，而且和谐度最轻，突然宣布停止服务，难免有人手忙脚乱的，先来看看官方的公告： 360云盘服务…

    amp amp
    教程 10/04/2016 00:16
    1.7K
  • 查看windows激活状态，鉴别伪激活 教程

    查看windows激活状态，鉴别伪激活

    对于自己安装Windows系统的同学来说，激活是一个问题，虽然激活的软件五花八门，使用软件激活省时省事，但是使用软件激活的有些并不是永久激活的，激活有一个限期。在win10的时代，…

    amp amp
    10/04/2016 00:16
    1.7K
  • Win10，8，8.1系统实现微软账号自动登陆 教程

    Win10，8，8.1系统实现微软账号自动登陆

            密码一定程度保护了个人的安全，但是又是也会带来困扰和繁琐，现在Win10已经发布很久了，使用的同学也在增多，那么问题来了，使用微软账户登录电脑的同学有没有试过每次都…

    amp amp
    10/04/2016 00:16
    1.7K
  • 无需第三方工具，编辑注册表实现 Win11 完整版右键菜单 教程

    无需第三方工具，编辑注册表实现 Win11 完整版右键菜单

      Windows 11 对右键菜单进行了重大改进，新的默认菜单仅保留有限的几个选项，但这令相当多的用户感到不满。幸运的是，像 Windows 11 Classic Co…

    amp amp
    10/04/2016 00:16
    1.7K

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

记住昵称、邮箱和网址，下次评论免输入