多说评论框背景css样式设置

作者: 鲁智深 分类: wordpress 发布时间: 2013-07-09 02:20

再次发现多说评论框的强大,细细的研究了一下多说评论框的设置方法,官方也给出了详细的说明!通过修改多说评论框的css样式来设计美化评论框,以下分享了7种评论框的基本设置方法。
多说
设置位置:多说评论–个性化设置–基本设置–自定义CSS,直接插入以下代码,即可实现效果!

多说评论框的css样式

1.评论框左右边距

1
#ds-thread {padding:24px;}

1
#ds-thread {margin:24px;}

宽度自动拉伸

1
#ds-thread {width:auto;}

2.评论框整体的背景色

1
#ds-thread {background: #ffffff;}

其中的#ffffff颜色可以自己选择,根据自己的主题来定。
3.评论框背景框圆角

1
#ds-thread{ border-radius: 5px;}

注意:仅在firefox,chrome及高版本ie浏览器下有效,ie6,7,8将仍然为直角显示
4.高亮字体的颜色

1
#ds-thread #ds-reset .ds-highlight{color: #ffffff !important;}

在大多数情况下默认是红色
5.更改评论字体颜色

1
#ds-thread #ds-reset .ds-comment-body p {color: #ffffff;}

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

1
!important

6.更改最近访客头像大小

1
 #ds-recent-visitors .ds-avatar img {width: 30px !important;height: 30px !important;}

其中的高和宽同样设置的30px
7.评论框背景图

1
#ds-thread #ds-reset .ds-textarea-wrapper textarea {background:url(地址) center no-repeat;}

在上面“地址”处插入图片存储链接地址,就ok了!想要实现头像旋转,特效,圆形等功能,博主在这里不一一演示。

相关文章

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

2条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注