小编也是个折腾主义,为了实现多说样式,也是花了不少时间,最终实现了,但是还得感谢网友大神的协助,下面来说说我的多说实现的步骤。
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/
点击后还要点击自己的多说名字,然后查看地址
然后在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_ 2345 explorer{ background-color : #2478B8 !important ; border-color : #4cae4c !important ; border-radius: 4px ; padding : 0 5px !important ; } .ua_ 2345 chrome{ 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:. 4 s all ease-in-out;-moz-transition:. 4 s all ease-in-out;-o-transition:. 4 s all ease-in-out;-ms-transition:. 4 s all ease-in-out;transition:. 4 s all ease-in-out; } .ds-post-self:hover .ds-avatar img {-webkit-transform:rotate( 360 deg);-moz-transform:rotate( 360 deg);-o-transform:rotate( 360 deg);-ms-transform:rotate( 360 deg);transform:rotate( 360 deg);} #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 #3333 sf; /*设置图像阴影效果*/ -webkit-box-shadow: inset 0 -1px 0 #3333 sf; -webkit-transition: 0.4 s; -webkit-transition: -webkit-transform 0.4 s ease-out; transition: transform 0.4 s ease-out; -moz-transition: -moz-transform 0.4 s 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( 360 deg); -webkit-transform: rotateZ( 360 deg); -moz-transform: rotateZ( 360 deg); } 通用样式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 #3333 sf; /*设置图像阴影效果*/ -webkit-box-shadow: inset 0 -1px 0 #3333 sf; -webkit-transition: 0.4 s; -webkit-transition: -webkit-transform 0.4 s ease-out; transition: transform 0.4 s ease-out; -moz-transition: -moz-transform 0.4 s 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( 360 deg); -webkit-transform: rotateZ( 360 deg); -moz-transform: rotateZ( 360 deg); } /** 多说最近留言样式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-样式
更多精彩内容请关注小G乐园微信公众号:gooboys_com
原创文章,作者:amp,如若转载,请注明出处:https://www.gooboys.com/1871