wordpress评论圆角头像怎么做

作者: 鲁智深 分类: wordpress 发布时间: 2013-02-10 19:59

评论圆角头像制作方法

在去年的app应用的大热,其造型大多都是圆角的图标,看上去很是“Q”版,就像iPhone手机键面上的图标,出色的UI设计,符合用户的审美感觉,随着这股风潮,也带来了一场「头像圆角」的设计模仿秀,不少网站,都开始使用圆角头像,博主的网站也是改了。就连360wed端网页,腾讯推出的微信公共平台,展示的公共账号默认就是圆角+上部加亮效果如图:

圆角应用

其实制作一个wordpress圆角头像很简单,只要改一下css样式就可以做出圆角的感觉。

.用火狐的firebug工具找到要制作wordpress评论圆角头像的图标,寻找出css样式的代码。(ps:我相信看我这篇文章的都知道怎么找到css样式吧)

.用dw打开style.css样式,找到那行代码的位置自定义CSS的基本结构如图。

圆角头像

.找到那段css样式加入以下属性值(两种任选一个),如上图右红色框框里的内容一样,当然你自己感觉头像大小不喜欢你也可以改动。

css样式:
第一种:border-radius: 6px 6px 6px 6px;
第二种:border-radius: 50% 50% 50% 50%;

演示:图片截取自google+

头像

.ftp上传,检测是否已经wordpress评论头像圆角了

五.利用美图秀秀做圆形头像

相关文章

 

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

发表评论

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