多说是一款不错的社会化评论框,为中小网站提供新浪微博、QQ(QQ空间和腾讯微博)、人人、开心网、豆瓣、网易微博、搜狐微博、百度、淘宝、Google等多帐号登录并评论功能。
多说的CSS样式支持自定义,我们可以将其修改成我们需要的样式,以和我们的主题匹配!
1.隐藏底部多说版权#ds-thread #ds-reset .ds-powered-by{display:none;}
2.评论框底部的分享到微博QQ空间什么的隐藏起来.ds-sync{display:none !important;}
3.定义评论框背景.ds-textarea-wrapper.ds-rounded-top{background: #ffffff url(你想设置的评论框背景图片地址) no-repeat right bottom !important;}
多说评论会采用主题的背景色作为整体评论框的背景,这样可能导致评论本身不是很显眼。你可以输入下列代码来更改整体评论框的背景颜色:#ds-thread {background: #ffffff;}
这个评论背景的边角默认是直角,如果想改成圆角,请输入下列代码(仅在firefox,chrome及高版本ie浏览器下有效,ie6,7,8将仍然为直角显示)#ds-thread{ border-radius: 5px;}
4.隐藏评论框底部渐变背景#ds-reset .ds-gradient-bg{background:none !important;}
5.定义评论框内字体和颜色#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;}
修改评论正文的字体颜色,请输入下列代码:#ds-thread #ds-reset .ds-comment-body p {color: #ffffff;}
6.定义发布按钮字体,以及渐变色背景#ds-thread #ds-reset .ds-post-button{font-family: ‘微软雅黑’‘Microsoft Yahei’!important;font-weight: bold;font-size:12px;background:none !important;color:#49976b !important;}
7.隐藏评论右上方 最热 最新排序按钮#ds-thread #ds-reset .ds-sort {display:none;}
8.隐藏评论左上方 评论总数背景色及边框#ds-thread #ds-reset li.ds-tab a.ds-current{background:none;border:none;}
9.定义各种文字高亮颜色,以及浮动窗口的高亮颜色,配合模板颜色把以下色值统一设置即可。
/定义高亮字体颜色/<br />
#ds-reset .ds-highlight{color:#49976b !important;}<br />
/定义评论框内其他高亮颜色/<br />
#ds-thread #ds-reset #ds-bubble a{color: #49976b !important;}<br />
/定义评论框内其他高亮颜色/<br />
#ds-thread #ds-reset #ds-bubble {color: #49976b !important;}<br />
/定义评论框内其他高亮颜色/<br />
#ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-head a{color: #49976b !important;}<br />
/定义评论框内其他高亮颜色/<br />
#ds-thread #ds-reset a.ds-comment-context:hover{color: #49976b !important;}<br />
/定义评论框内其他高亮颜色/<br />
#ds-thread #ds-reset a.ds-comment-context{color: #49976b !important;}
10.评论框左右边距
如果你的评论框左右边距过小(评论框太宽),输入下列代码调整宽度,直到页面上评论框宽度显示合适#ds-thread {padding:24px;}
或者:#ds-thread {margin:24px;}
如果你的评论框太窄,可能是宽度被设定了不合适的值,输入下列代码让宽度自动拉伸:#ds-thread {width:auto;}
11.高亮字体的颜色
高亮字体包括“n条评论”,“n条微博”,评论者名字的颜色,想修改它的显示颜色(在大多数情况下默认是红色),输入下列代码#ds-thread #ds-reset .ds-highlight{color: #ffffff !important;}
更多关于多说评论框CSS修改请参见多说官方文档:多说CSS修改
评论