本文重要分享的是多说css的设置圆式，通过css使多说评论框更加特性化。

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

.ds-sync{
display:none !important;
}/*隐藏评论框底部门享*/

“定义评论框背景”

.ds-textarea-wrapper.ds-rounded-top{
background: #ffffff url(您想设置的评论框背景图片地址) no-repeat right bottom !important;
}/*定义评论框背景*/

url换成您本人想要的图片地址就止了，貌似需要绝对路径吧，不清楚，我用的是绝对路径。

“隐藏评论框底部突变背景”

#ds-reset .ds-gradient-bg{
background:none !important;
}/*设置评论框下圆突变*/

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

“定义评论框内字体”

#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-post-button{
font-family: ‘微软雅乌’ ‘Microsoft Yahei’!important;
font-weight: bold;
font-size:12px;
background:none !important;
color:#49976b !important;
}/*定义宣布按钮字体以及突变背景*/

“隐藏评论右上圆

#ds-thread #ds-reset .ds-sort {
display:none;
}/*隐藏最新最热等*/

“隐藏评论左上圆

#ds-thread #ds-reset li.ds-tab a.ds-current{
background:none;
border:none;
}/*隐藏评论总数背景及边框*/

“隐藏底部多说版权”

#ds-thread #ds-reset .ds-powered-by{
display:none;
}/*隐藏多说底部版权*/

“定义各类文字高亮颜色，以及浮动窗口的高亮颜色，共同模板颜色把以下色值统一设置即可”

#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;
}/*定义评论框内其他高亮颜色*/

转载请注明： 帝国CMS模板 » 多说自定义CSS 背景、按钮、字体、隐藏版权