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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3808 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

原版：

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

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

CSS

代码

阴影

22 条回复 • 2014-06-21 11:49:58 +08:00

NemoAlex

2014-06-20 16:31:48 +08:00

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

pagecho

2014-06-20 16:33:11 +08:00

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

a591826944

2014-06-20 16:36:12 +08:00

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

pagecho

2014-06-20 16:37:40 +08:00

@a591826944

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

pagecho

2014-06-20 16:38:38 +08:00

@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;
}