wordpress如何在多说评论框中设置圆形旋转头像?
2017-01-23 19:19
274 查看
执行本文操作有个前提,即得在WordPress中添加多说评论插件,当然,如果没有安装同样可以根据css代码在其他评论框架上设置圆形旋转头像。
那么现在直接进入主题:如何在多说评论框中设置圆形旋转头像?
1、登录WordPress后台找到”多说评论”一栏中的子栏目”个性化设置”
2、在自定义css中添加以下css代码:
3、进行保存
在执行以上操作后即可在多说评论框中实现圆形旋转头像功能了。
效果可以至点此
那么现在直接进入主题:如何在多说评论框中设置圆形旋转头像?
1、登录WordPress后台找到”多说评论”一栏中的子栏目”个性化设置”
2、在自定义css中添加以下css代码:
#ds-reset .ds-avatar img{width:54px;height:54px;border-radius:27px;-webkit-border-radius:27px;-moz-border-radius:27px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;transition:transform 0.4s ease-out;-webkit-transition:0.4s;-moz-transition:-moz-transform 0.4s ease-out} #ds-reset .ds-avatar img:hover{box-shadow:0 0 10px white;-webkit-box-shadow:0 0 10px white;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg)}
3、进行保存
在执行以上操作后即可在多说评论框中实现圆形旋转头像功能了。
效果可以至点此
相关文章推荐
- wordpress多说评论插件中设置圆形旋转头像css代码
- 设置WordPress评论头像为圆角鼠标触碰后旋转效果
- WordPress设置圆形旋转头像的方法
- WordPress 如何调整评论框头像大小?
- 如何实现wordpress评论回复邮件通知功能
- WordPress使用自定义字段设置缩略图和显示作者文章数量和评论数量代码
- 如何framework层任意设置Android屏幕的旋转方向
- G+小技巧:如何设置多个头像?
- 如何添加个性的博客评论头像?
- 如何设置wordpress导航
- 如何实现WordPress评论或回复显示国家,浏览器,操作系统
- 设置WordPress博客头像
- wordpress如何设置文章置顶以及区分置顶文章与普通文章
- Flex Gumbo中如何通过textRotation样式,设置TextGraphic文字旋转方向
- 如何设置ImageButton按键按下去后的 特效----(如类似风车旋转的动画特效)
- wordpress 设置头像的问题
- WordPress中如何设置cookie?
- wordpress 评论头像
- 解决wordpress下的gravatar评论头像不显示问题
- 如何换wordpress头像