V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
pagecho
V2EX  ›  分享创造

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

  •  
  •   pagecho · 2014-06-20 16:28:17 +08:00 · 5678 次点击
    这是一个创建于 3569 天前的主题,其中的信息可能已经有所发展或是发生改变。
    一直觉得多说的默认评论框的阴影,丑得人心里都有阴影了……

    原版:


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


    代码: https://github.com/pickcho/duoshuo_costume_custom_css/blob/master/duoshuo_costume_custom_css.css
    直接放到网站的 css 里面,就能覆盖默认效果;或者填入到多说后台的自定义 css 中。
    欢迎拍砖。
    22 条回复    2014-06-21 11:49:58 +08:00
    NemoAlex
        1
    NemoAlex  
       2014-06-20 16:31:48 +08:00   ❤️ 5
    2年前你会觉得你写的这种样子丑爆了,改成多说现在的样子才像话
    这是时代的倒退还是轮回?
    pagecho
        2
    pagecho  
    OP
       2014-06-20 16:33:11 +08:00
    @NemoAlex 审美不是一成不变的。现在的大多数网站都不适合那么多阴影了。两年前最时尚的华丽洋装,总有一天会躺在阁楼上的储藏柜里吃灰。
    a591826944
        3
    a591826944  
       2014-06-20 16:36:12 +08:00
    LZ 你代码最后缺一半你没发现吗??另外。。间距以及兼容性方面不如多说的 。。我又换回来了
    pagecho
        4
    pagecho  
    OP
       2014-06-20 16:37:40 +08:00
    @a591826944

    没选中全!道歉!现在更新一下。
    pagecho
        5
    pagecho  
    OP
       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;
    }
    Viztor
        6
    Viztor  
       2014-06-20 16:39:55 +08:00
    确实丑死了 社交网站的icon风格都没有统一
    wulart
        7
    wulart  
       2014-06-20 17:19:51 +08:00
    是好多了,不过提交按钮放右下角方便些
    zstxt1989
        8
    zstxt1989  
       2014-06-20 17:26:42 +08:00
    主要看网站主体风格是啥样子的吧,光看局部样式说明不了什么
    kaneg
        9
    kaneg  
       2014-06-20 17:31:45 +08:00
    看上去的确比原版的大气不少
    learnshare
        10
    learnshare  
       2014-06-20 17:39:16 +08:00   ❤️ 1
    多说应该以提供 HTML 结构为主,显示效果应该是用插件的地方自己定义
    andyhu
        11
    andyhu  
       2014-06-20 18:35:12 +08:00
    感觉楼主应该经常去豆瓣吧
    byron
        12
    byron  
       2014-06-20 19:29:01 +08:00
    @pagecho 多说有一个更改样式的选项。
    acros
        13
    acros  
       2014-06-20 19:40:38 +08:00
    没啥感觉啊。
    我这么说楼主会不会气得吐血啊····
    dongcheng
        14
    dongcheng  
       2014-06-20 19:41:47 +08:00   ❤️ 1
    多说UI还可以,参考了N多留言板设计得出的结论。
    TF
        15
    TF  
       2014-06-20 19:43:24 +08:00 via Android
    disqus 影子
    txlty
        16
    txlty  
       2014-06-20 20:17:57 +08:00   ❤️ 1
    1.我喜欢。
    2.你不喜欢,为什么还要用多说?换畅言好不好?!
    http://changyan.sohu.com/
    pagecho
        17
    pagecho  
    OP
       2014-06-20 20:29:27 +08:00
    @txlty
    我觉得畅言比多说好看些。
    比如评论框和旁边的头像与下面的评论列表对齐得很好;评论列表间距、头像和正文距离都有足够;但是没登录的时候头像下的“金币”居然会点出一个奇怪的页面(但幸好可以自定义css)。
    ---
    Jarvanh
        18
    Jarvanh  
       2014-06-20 20:38:11 +08:00
    已用。感觉还不错。
    scola
        19
    scola  
       2014-06-20 21:01:06 +08:00 via Android
    多说的邮件通知是不有问题,我很少收到留言的邮件通知
    lifechan
        20
    lifechan  
       2014-06-21 01:02:06 +08:00
    多说是tuchong做的,算是支持图虫的赚钱项目,不容易
    shakespark
        21
    shakespark  
       2014-06-21 01:11:58 +08:00
    邓晓芒的新启蒙主义,没想到lz对这个也有涉猎
    WindSays
        22
    WindSays  
       2014-06-21 11:49:58 +08:00
    http://www.windsays.com/guestbook

    我写的是这样的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5332 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 07:28 · PVG 15:28 · LAX 00:28 · JFK 03:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.