WordPress多说评论框各种CSS自定义设置问题收集

老是在折腾wordpress多说评论框的css。也碰到好多人在问这些个问题。今天收集几个常见的多说评论的css问题答案。希望能帮到大家。

WordPress多说评论框各种CSS自定义设置问题收集-来自沈超飞的IT博客 第1张

1、将评论框底部的分享到微博QQ空间什么的隐藏起来

 

2、定义评论框背景

url换成你自己想要的图片地址就行了,最好使用绝对路径。

 

多说评论会采用主题的背景色作为整体评论框的背景,这样可能导致评论本身不是很显眼。你可以输入下列代码来更改整体评论框的背景颜色:

 

这个评论背景的边角默认是直角,如果想改成圆角,请输入下列代码(仅在firefox,chrome及高版本ie浏览器下有效,ie6,7,8将仍然为直角显示):

 

注意:其中的#ffffff 可以被替换为你希望的颜色,以便于评论文字相适应。更多的颜色,见维基百科网页颜色表

3、隐藏评论框底部渐变背景

 

话说渐变色什么的虽然立体感较强但是和主题整体风格不融洽,隐藏之,这样底部就是透明的了。

4、定义评论框内字体和颜色

 

这个好像是定义评论框内输入的文字字体的,嗯,好像是。 想修改评论正文的字体颜色,请输入下列代码:

 

当您在修改一部分上面未示例的标签样式时,遇到无效的情况,请尝试增加:!important

5、定义发布按钮字体,以及渐变色背景

 

6、隐藏评论右上方 最热 最新排序按钮

 

7、隐藏评论左上方 评论总数背景色及边框

 

8、隐藏底部多说版权

很多朋友在找这个代码。不过不建议用。毕竟显示版权信息还是比较好。

 

9、定义各种文字高亮颜色,以及浮动窗口的高亮颜色,配合模板颜色把以下色值统一设置即可。

 

10、 评论框左右边距

如果你的评论框左右边距过小(评论框太宽),输入下列代码调整宽度,直到页面上评论框宽度显示合适:

 

 

如果你的评论框太窄,可能是宽度被设定了不合适的值,输入下列代码让宽度自动拉伸:

 

11、高亮字体的颜色

高亮字体包括“n条评论”,“n条微博”,评论者名字的颜色,想修改它的显示颜色(在大多数情况下默认是红色),输入下列代码

 

都是一些现成的CSS代码,直接复制就可以用了。当然里面的颜色或者是其他属性什么的你们自己修改就可以了。照样可以实现你想要的效果。

您还可以查看“WordPress多说评论插件中设置圆形旋转头像css代码"

 

//下面这个css和插件后台设置的主题有关系,如果需要换样式,则需要修改以下CSS名称
分享到:

40 条评论

昵称
  1. 7eddy

    你好!请问:多说的其他一切正常,就是点击表情后,表情框与评论框相距很远,并不是紧贴着评论框,这应该如何修改css?
    PS:我在chrome审查元素的时候可以修改,并使之恢复正常。但是就是不知道如何在css里修改
    如:
    这是之前
    这是修改之后,
    请问应该如何修改css?感谢!

    1. 沈超飞的博客

      审查元素修改的时候。你看下调用的是哪个css文件就知道了

  2. Pingback: 转载:WordPress多说评论框各种CSS自定义设置问题收集 | 清心涟漪

  3. wsgzao

    博主您好,我想请教下V说自用的评论如何实现
    http://www.vsay.cn/one-more-custom-css-lets-you-say-comments-city.html

    1. WeiMoo
  4. dfg

    sd

    1. 沈超飞

      ?????

  5. 圈里圈外

    请问一下楼主如何设置文章下面的版权框啊,“本文来自沈超飞的博客,转载请注明#转载自XXXX”,求助~~~~

    1. 沈超飞

      我这个是模板自带的功能。一般主题都有这功能。如果主题没有的话。可能需要手动修改了。

  6. link

    多谢楼主分享,解决了不少问题。
    另请教一下:http://link0502.site44.com/commets/ 无法评论怎么回事 ?

    1. link

      找到原因了,是页面本身的js问题

      1. 沈超飞

        好的,这么晚都在研究啊,给你点赞!

  7. Hello_L

    真心谢谢楼主的分享!

    1. 沈超飞

      大家好,才是真的好。呵呵

  8. 微漠粉丝

    请问怎么使评论内容居中显示

    1. 沈超飞

      您好。这就需要修改模版文件了。你也是用的多说么

      1. 微漠粉丝

        是,怎么修改模板呢

      2. 微漠粉丝

        我新建一个纯html文件,插入多说代码,想让内容居中

    2. 沈超飞

      好的。这个之前没做过,我先测试下。

    3. 沈超飞

      你好。请参考下http://beiai.org,不知道你是不是要这种样式,代码如下
      #ds-thread #ds-reset .ds-comment-body p{text-align:center;}

      1. 微漠粉丝

        就是我要的!哈哈,太开心了,多谢飞哥!

  9. 123

    回复一下又不会怀孕,这个是怎么改的,求代码

    1. 沈超飞

      亲,如果模板后台调用了。可以直接改,如果没有。就需要改代码,改模板文件了

  10. 你是我的全部

    我是java语言建站都不知道咋办

    1. 沈超飞

      jsp?你是也要用多说?

  11. Miracle_lucy

    楼主这个评论是用的多说插件吗?

    1. 沈超飞的博客

      你好,我这个不是的多说评论,因为我用的插件和它有些兼容问题。所以放弃了多说,用官方原版的优化的

      1. Miracle_lucy

        直接优化多说源代码吗?我是建站新手,觉得多说评论有时候很慢,不是很稳定,在考虑到底用不用它。

      2. 沈超飞的博客

        就节省资源来说。当然是使用多说好一点。可以节省很多资源数据库查询等。
        至于优化多说。在多说后台,有自定义css的地方,直接输入上述的css代码即可!其实如果你不需要很强大的功能,也没有很多用户数据的话,是可以不使用多说评论的

      3. Miracle_lucy

        嗯,谢谢指点!

      4. WeiMoo

        不客气。呵呵

  12. 小春

    怎样才能在织梦后台看到评论内容呢

    1. WeiMoo

      你具体指的是留言簿还是文章的评论内容

      1. 小春

        文章的评论内容,用户用多说做的评论管理员可以删除 , 我自己测试了一下,但在织梦后台的多说评论管理里看不到

    2. WeiMoo

      那你可以到多说网站的管理后台去看看。可能织梦的多说插件后台没集成太多功能

  13. mr

    多说的样式在哪

    1. 沈超飞

      你的意思是不知道在哪设置?(在多说官网网站设置后台)

  14. 回复

    回复下就怀孕

    1. 沈超飞的博客

      怀了几个?-_-!!

  15. Pingback: wordpress多说评论插件中设置圆形旋转头像css代码 | 沈超飞的IT博客