老是在折腾wordpress多说评论框的css。也碰到好多人在问这些个问题。今天收集几个常见的多说评论的css问题答案。希望能帮到大家。
1、将评论框底部的分享到微博QQ空间什么的隐藏起来
|
1 |
.ds-sync{display:none !important;} |
2、定义评论框背景
url换成你自己想要的图片地址就行了，最好使用绝对路径。
|
1 |
.ds-textarea-wrapper.ds-rounded-top{background: #ffffff url(你想设置的评论框背景图片地址) no-repeat right bottom !important;} |
多说评论会采用主题的背景色作为整体评论框的背景，这样可能导致评论本身不是很显眼。你可以输入下列代码来更改整体评论框的背景颜色：
|
1 |
#ds-thread {background: #ffffff;} |
这个评论背景的边角默认是直角，如果想改成圆角，请输入下列代码（仅在firefox，chrome及高版本ie浏览器下有效，ie6,7,8将仍然为直角显示）：
|
1 |
#ds-thread{ border-radius: 5px;} |
注意：其中的#ffffff 可以被替换为你希望的颜色，以便于评论文字相适应。更多的颜色，见维基百科网页颜色表
3、隐藏评论框底部渐变背景
|
1 |
#ds-reset .ds-gradient-bg{background:none !important;} |
话说渐变色什么的虽然立体感较强但是和主题整体风格不融洽，隐藏之，这样底部就是透明的了。
4、定义评论框内字体和颜色
|
1 |
#ds-thread #ds-reset .ds-textarea-wrapper textarea, #ds-thread #ds-reset .ds-textarea-wrapper .ds-hidden-text {font-family: ‘微软雅黑’ ‘Microsoft Yahei’!important;font-size:12px;letter-spacing:1px;} |
这个好像是定义评论框内输入的文字字体的，嗯，好像是。 想修改评论正文的字体颜色，请输入下列代码：
|
1 |
#ds-thread #ds-reset .ds-comment-body p {color: #ffffff;} |
当您在修改一部分上面未示例的标签样式时，遇到无效的情况，请尝试增加：!important
5、定义发布按钮字体，以及渐变色背景
|
1 |
#ds-thread #ds-reset .ds-post-button{font-family: ‘微软雅黑’‘Microsoft Yahei’!important;font-weight: bold;font-size:12px;background:none !important;color:#49976b !important;} |
6、隐藏评论右上方 最热 最新排序按钮
|
1 |
#ds-thread #ds-reset .ds-sort {display:none;} |
7、隐藏评论左上方 评论总数背景色及边框
|
1 |
#ds-thread #ds-reset li.ds-tab a.ds-current{background:none;border:none;} |
8、隐藏底部多说版权
很多朋友在找这个代码。不过不建议用。毕竟显示版权信息还是比较好。
|
1 |
#ds-thread #ds-reset .ds-powered-by{display:none;} |
9、定义各种文字高亮颜色，以及浮动窗口的高亮颜色，配合模板颜色把以下色值统一设置即可。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
/*定义高亮字体颜色*/ #ds-reset .ds-highlight{color:#49976b !important;} /*定义评论框内其他高亮颜色*/ #ds-thread #ds-reset #ds-bubble a{color: #49976b !important;} /*定义评论框内其他高亮颜色*/ #ds-thread #ds-reset #ds-bubble {color: #49976b !important;} /*定义评论框内其他高亮颜色*/ #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a{color: #49976b !important;} /*定义评论框内其他高亮颜色*/ #ds-thread #ds-reset a.ds-comment-context:hover{color: #49976b !important;} /*定义评论框内其他高亮颜色*/ #ds-thread #ds-reset a.ds-comment-context{color: #49976b !important;} |
10、 评论框左右边距
如果你的评论框左右边距过小（评论框太宽），输入下列代码调整宽度，直到页面上评论框宽度显示合适：
|
1 |
#ds-thread {padding:24px;} |
或
|
1 |
#ds-thread {margin:24px;} |
如果你的评论框太窄，可能是宽度被设定了不合适的值，输入下列代码让宽度自动拉伸：
|
1 |
#ds-thread {width:auto;} |
11、高亮字体的颜色
高亮字体包括“n条评论”，“n条微博”，评论者名字的颜色，想修改它的显示颜色（在大多数情况下默认是红色），输入下列代码
|
1 |
#ds-thread #ds-reset .ds-highlight{color: #ffffff !important;} |
都是一些现成的CSS代码，直接复制就可以用了。当然里面的颜色或者是其他属性什么的你们自己修改就可以了。照样可以实现你想要的效果。
您还可以查看“WordPress多说评论插件中设置圆形旋转头像css代码"
//下面这个css和插件后台设置的主题有关系，如果需要换样式，则需要修改以下CSS名称
你好！请问：多说的其他一切正常，就是点击表情后，表情框与评论框相距很远，并不是紧贴着评论框，这应该如何修改css？
PS：我在chrome审查元素的时候可以修改，并使之恢复正常。但是就是不知道如何在css里修改
如：
这是之前
这是修改之后，
请问应该如何修改css？感谢！
审查元素修改的时候。你看下调用的是哪个css文件就知道了
Pingback: 转载：WordPress多说评论框各种CSS自定义设置问题收集 | 清心涟漪
博主您好，我想请教下V说自用的评论如何实现
http://www.vsay.cn/one-more-custom-css-lets-you-say-comments-city.html
http://shenchaofei.cn/duoshuo-comment-box-circular-rotating-image/330.html 您好，可以参照我的这篇文章。
sd
？？？？？
请问一下楼主如何设置文章下面的版权框啊，“本文来自沈超飞的博客,转载请注明#转载自XXXX”，求助~~~~
我这个是模板自带的功能。一般主题都有这功能。如果主题没有的话。可能需要手动修改了。
多谢楼主分享，解决了不少问题。
另请教一下：http://link0502.site44.com/commets/ 无法评论怎么回事 ？
找到原因了，是页面本身的js问题
好的，这么晚都在研究啊，给你点赞！
真心谢谢楼主的分享！
大家好，才是真的好。呵呵
请问怎么使评论内容居中显示
您好。这就需要修改模版文件了。你也是用的多说么
是，怎么修改模板呢
我新建一个纯html文件，插入多说代码，想让内容居中
好的。这个之前没做过，我先测试下。
你好。请参考下http://beiai.org，不知道你是不是要这种样式，代码如下
#ds-thread #ds-reset .ds-comment-body p{text-align:center;}
就是我要的！哈哈，太开心了，多谢飞哥！
回复一下又不会怀孕，这个是怎么改的，求代码
亲，如果模板后台调用了。可以直接改，如果没有。就需要改代码，改模板文件了
我是java语言建站都不知道咋办
jsp？你是也要用多说？
楼主这个评论是用的多说插件吗？
你好，我这个不是的多说评论，因为我用的插件和它有些兼容问题。所以放弃了多说，用官方原版的优化的
直接优化多说源代码吗？我是建站新手，觉得多说评论有时候很慢，不是很稳定，在考虑到底用不用它。
就节省资源来说。当然是使用多说好一点。可以节省很多资源数据库查询等。
至于优化多说。在多说后台，有自定义css的地方，直接输入上述的css代码即可！其实如果你不需要很强大的功能，也没有很多用户数据的话，是可以不使用多说评论的
嗯，谢谢指点！
不客气。呵呵
怎样才能在织梦后台看到评论内容呢
你具体指的是留言簿还是文章的评论内容
文章的评论内容，用户用多说做的评论管理员可以删除 ， 我自己测试了一下，但在织梦后台的多说评论管理里看不到
那你可以到多说网站的管理后台去看看。可能织梦的多说插件后台没集成太多功能
多说的样式在哪
你的意思是不知道在哪设置？(在多说官网网站设置后台)
回复下就怀孕
怀了几个？-_-!!
Pingback: wordpress多说评论插件中设置圆形旋转头像css代码 | 沈超飞的IT博客