部分修改可以在WordPress连接微博专业版插件的评论设置–评论设置–CSS调整中添加,如果比较多建议写在主题的style.css文件中。
1、评论框背景色
/*添加评论框背景, fff表示白色背景*/ #pinglun-container{background-color:#fff;} |
2、评论头像圆角
#pinglun-container img.avatar-36 { border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius:18px; box-shadow: inset 0 -1px 0 #3333sf; -webkit-box-shadow: inset 0 -1px 0 #3333sf; } |
3、评论头像圆角,并且鼠标悬浮时:图像进行360度旋转
#pinglun-container img.avatar-36 { border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius:18px; box-shadow: inset 0 -1px 0 #3333sf; -webkit-box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; } #pinglun-container img.avatar-36:hover { box-shadow: 0 0 10px #fff; rgba(255, 255, 255, .6), inset 0 0 20px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 10px #fff; rgba(255, 255, 255, .6), inset 0 0 20px rgba(255, 255, 255, 1); transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); } |
如果您设计了优美的评论模板,不要独享,要拿出来分享噢!我愿意高价回收模板并加入到插件中噢~
11