如果你也觉得『多说』真是丑得人心中都有阴影了...

[pagecho]

一直觉得多说的默认评论框的阴影，丑得人心里都有阴影了……

原版：


写了一段自定义代码来覆盖效果。
这是自定义代码后


代码： https://github.com/pickcho/duoshuo_costume_custom_css/blob/master/duoshuo_costume_custom_css.css
直接放到网站的 css 里面，就能覆盖默认效果；或者填入到多说后台的自定义 css 中。
欢迎拍砖。

[NemoAlex]

2年前你会觉得你写的这种样子丑爆了，改成多说现在的样子才像话
这是时代的倒退还是轮回？

[pagecho]

@NemoAlex 审美不是一成不变的。现在的大多数网站都不适合那么多阴影了。两年前最时尚的华丽洋装，总有一天会躺在阁楼上的储藏柜里吃灰。

[a591826944]

LZ 你代码最后缺一半你没发现吗？？另外。。间距以及兼容性方面不如多说的 。。我又换回来了

[pagecho]

@a591826944

没选中全！道歉！现在更新一下。

[pagecho]

@a591826944

#ds-thread #ds-reset .ds-meta,.ds-powered-by,.ds-toolbar-buttons,.ds-post-likes,.ds-post-repost,.ds-post-report,.ds-icon-reply{
display: none!important;
}
#ds-reset .ds-gradient-bg,#ds-thread #ds-reset .ds-textarea-wrapper{
background:none!important;
}
#ds-thread #ds-reset .ds-post-options {
border:none!important;
border-top: 1px solid #ddd!important;
margin-right: 0!important;
}
#ds-thread #ds-reset .ds-post-button{
top: 10px!important;
background:#fff!important;
box-shadow:none!important;
border:1px solid #ddd!important;
right: auto!important;
color: #777!important;
font-weight:normal!important;
outline:none;
}
#ds-thread #ds-reset .ds-post-button:hover{
color: #444!important;
}
#ds-thread #ds-reset .ds-textarea-wrapper textarea{
height: 111px!important;
}
#ds-reset .ds-rounded-top,#ds-thread #ds-reset li.ds-tab a,#ds-thread #ds-reset #ds-bubble,#ds-reset .ds-avatar img{
border-radius: 0!important;
border-radius: 0!important;
-webkit-border-radius: 0!important;
-webkit-border-radius: 0!important;
}
#ds-thread #ds-reset li.ds-tab a:hover{
background:#fff!important;
}
#ds-thread #ds-reset li.ds-tab a.ds-current{
background:#fff!important;
border:none!important;
border-bottom: 2px solid #333!important;
}

#ds-thread #ds-reset li.ds-tab a{
padding: 14px!important;
}
#ds-thread #ds-reset .ds-comments-info{
padding-top: 15px!important;
padding-bottom: 15px!important;
line-height: 1!important;
}
#ds-thread #ds-reset .ds-sort{
top: 17px!important;
}
#ds-thread #ds-reset .ds-post-options{
height: 50px!important;
}
#ds-thread #ds-reset .ds-comment-body{
padding-left: 75px!important;
}
#ds-thread #ds-reset .ds-post-self{
padding-top: 20px!important;
padding-bottom: 20px!important;
}
#ds-reset .ds-avatar img{
box-shadow: none!important;
border:1px solid #ddd;
padding: 1px;
}
#ds-thread #ds-reset #ds-bubble{
border:1px solid #ddd!important;
box-shadow:none!important;
}
#ds-thread #ds-reset .ds-highlight{
color: #000!important;
}

#ds-thread #ds-reset .ds-replybox{
padding-left: 75px!important;
}
#ds-thread #ds-reset .ds-inline-replybox .ds-avatar img{
width: auto!important;
height: auto!important;
}
#ds-thread #ds-reset .ds-post-self{
padding-left: 0!important;
}
#ds-thread #ds-reset .ds-inline-replybox{
margin-top: 27px!important;
margin-left: -75px!important;
}
#ds-thread #ds-reset a.ds-comment-context{
border: 1px solid #E3EDF3;
background: #F7FAFB;
padding: 3px 0 3px 3px;
color: #555!important;
margin-right: 5px!important;
}
#ds-thread #ds-reset .ds-comment-header{
padding-bottom: 10px;
font-size: 14px;
}
#ds-thread #ds-reset .ds-user-name{
font-size: 15px!important;
}
#ds-thread #ds-reset .ds-comment-footer{
padding-top: 5px;
}
#ds-thread #ds-reset li.ds-post-placeholder{
padding: 20px 0 !important;
}
#ds-thread #ds-reset .ds-sync{
top: 10px;
}
.ds-login-buttons{
padding-bottom: 15px!important;
}

[Viztor]

确实丑死了 社交网站的icon风格都没有统一

[wulart]

是好多了，不过提交按钮放右下角方便些

[zstxt1989]

主要看网站主体风格是啥样子的吧，光看局部样式说明不了什么

[kaneg]

看上去的确比原版的大气不少

[learnshare]

多说应该以提供 HTML 结构为主，显示效果应该是用插件的地方自己定义

[andyhu]

感觉楼主应该经常去豆瓣吧

[byron]

@pagecho 多说有一个更改样式的选项。

[acros]

没啥感觉啊。
我这么说楼主会不会气得吐血啊····

[dongcheng]

多说UI还可以，参考了N多留言板设计得出的结论。

[TF]

disqus 影子

[txlty]

1.我喜欢。
2.你不喜欢，为什么还要用多说？换畅言好不好？！
http://changyan.sohu.com/

[pagecho]

@txlty
我觉得畅言比多说好看些。
比如评论框和旁边的头像与下面的评论列表对齐得很好；评论列表间距、头像和正文距离都有足够；但是没登录的时候头像下的“金币”居然会点出一个奇怪的页面（但幸好可以自定义css）。
---

[Jarvanh]

已用。感觉还不错。

[scola]

多说的邮件通知是不有问题，我很少收到留言的邮件通知

[lifechan]

多说是tuchong做的，算是支持图虫的赚钱项目，不容易