WenRou's Blog
多说自定义CSS
2013-12-9 温柔哥


下面将我自用的自定义多说样式分享给大家,不过因为是小白,所以有些错误可能是在所难免,希望各位指正。



一、将评论框底部的分享到微博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;

}/*定义评论框内其他高亮颜色*/



十、另外说明



以上参数在我这边都是有效的,但是不保证各位一定能有效。如发生任何意外情况,本人不承担任何责任。

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容