扁平化多说样式CSS-来自simple作者的扁平化多说css

扁平化多说样式CSS-来自simple作者的扁平化多说css | JUST FOR FUN

使用方法

安装配置好多说插件后,进入wordpress后台-多说评论,先点击主题设置,把主题设置为BlueBox,然后进入-个性化设置-基本设置-自定义CSS,把下面的css内容复制过去,粘贴在红框内就行了
扁平化多说样式CSS-来自simple作者的扁平化多说css | JUST FOR FUN

CSS代码

#ds-thread{
	margin-bottom:30px;
	font-family:"Microsoft Yahei";
}
#ds-thread #ds-reset{
	position: relative;
}
#ds-thread #ds-reset .ds-meta{
    border-bottom:0;
}
#ds-thread #ds-reset li.ds-tab .ds-comments-tab-duoshuo,
#ds-thread #ds-reset li.ds-tab .ds-current,
#ds-thread #ds-reset .ds-like-thread-button,
#ds-thread #ds-reset .ds-like-panel{
	display:inline-block;
	margin:0!important;
	padding:0!important;
	width:100px;
	height:30px;
	line-height:30px;
	text-align: center;
	border:0!important;
}
#ds-thread #ds-reset a.ds-like-thread-button{
	box-shadow:none;
	text-shadow:none;
	background-image:none;
}
#ds-thread #ds-reset .ds-post-toolbar{
	box-shadow: none;
	margin-top:20px;
}
#ds-thread #ds-reset .ds-textarea-wrapper{
	border:none;
	border-radius: 3px;
	background:#eee;
}
#ds-thread #ds-reset .ds-textarea-wrapper textarea{
	height:96px!important;
}
#ds-thread #ds-reset .ds-post-options{
	border:0;
}
#ds-thread #ds-reset .ds-post-options .ds-sync{
	display:none;
}
#ds-thread #ds-reset .ds-post-button{
	width:120px;
	border-radius: 4px;
	background:#5bc0de;
	box-shadow:0 3px 10px rgba(0,0,0,0.06), 0 3px 10px rgba(0,0,0,0.13);
}
#ds-thread #ds-reset .ds-post-button:hover{
	background:#31b0d5;
	box-shadow:0 4px 10px rgba(0,0,0,0.09), 0 4px 10px rgba(0,0,0,0.17);
}
#ds-thread #ds-reset .ds-toolbar-buttons{
	left:0;
}
#ds-thread .ds-powered-by {
    display: none;
}
#ds-thread #ds-reset .ds-post-button,
#ds-thread #ds-reset .ds-textarea-wrapper textarea{
	font-family:"Microsoft Yahei"!important;
}
#ds-reset .ds-gradient-bg{
	background:none;
}
#ds-thread #ds-reset .ds-replybox .ds-avatar{
	margin:0;
}
/*头像*/
#ds-reset .ds-avatar img,
#ds-thread #ds-reset ul.ds-children .ds-avatar,
#ds-thread #ds-reset ul.ds-children .ds-avatar img{
	width:48px;
	height:48px;
	border-radius:50%;
	margin-right:10px;
}
#ds-thread #ds-reset .ds-comment-footer{
	margin-left:18px;
}

原文:多说样式美化CSS

WP技巧

使用.htaccess 实现一个主机添加多个域名网站

2016-9-10 12:27:09

WP技巧

多说添加颜文字表情

2016-9-11 15:36:59

个人中心
今日签到
有新私信 私信列表
搜索