如何更改WordPress评论头像

http://www.gravatar.com/

在别人的wordpress博客上评论后显示自己想要的头像需要通过一个插件(Gravatar)来实现,不过好的一点是WordPress2.5之后已经直接支持Gravatar,就像wp2.7的自带嵌套功能一样,很方便.如果你也想体验一下的话可以去http://www.gravatar.com/注册一个用户,虽然是英文网站,但是相信难不到经常上网的网友.

PS:一般来说24-72小时就可以审核通过。如果图片不含暴力或者暴露内容,多半会得到G级别的等级。通过之后这个头像就可以使用了。在任何支持Gravatar的地方,在填写email地址时,请填写你申请注册头像用的这个email地址。你的头像就会出现在留言中。

如何书写高效的CSS

根据一些CSS写作经验,如何提高渲染效率及所占用消耗的资源,我们来浅谈一下CSS的渲染效率,书写高效的CSS。

1、十六进制的颜色值对位数与大小写

编写十六进制颜色值时你可能会用小写字母或省略成3位数,关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响,但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。

* 不赞成 – color:#f3a;

* 建议用 – color:#FF33AA;

2、display与visibility的差异

他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间,visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时,会有所消耗资源。

* 不赞成 – visibility:hidden;

* 建议用 – display:none;
查看完整文章

在线Photoshop

photoshop
无意中发现了一个很有意思的东西,真是没想到Photoshop也可以在线做,强大吧?

地址:http://www.photoshop.com

注册后不仅可以在线p照片,可以完成一此基本的操作如:剪切,去红眼等,而且还有免费的2G网络相册空间和一个yourname.photoshop.com的域名.而且貌似全站都用的是Flex制作的,界面很华丽,很强大.不过界面是英文的,如果你的英语水平还可以的话不访去申请个用.

也说用纯css实现圆角效果

看见网上有很多人在讨论用css制作圆角的问题,于是自己也下手试试了,不过要提醒大家的是这种方法最好只用来学习和研究,在xhtml中添加无语意的div元素是不符合web标准的。
核心理论:深入理解盒子模型,灵活结合运用元素的border和margin属性.
制作思路:结合下图观察xhtml代码,核心在于放置line0~line3的位置.
cssround

xhtml代码:

<div id=”menu”>
<div class=”line0″></div>
<div class=”line1″></div>
<div class=”line2″></div>
<div class=”line3″></div>
<p id=”word”>home</p>
</div>

css代码:

* {
margin:0;
padding:0;
}
body {
font-family:sans-serif, Verdana, Geneva;
font-size:10px;
}
#menu {
width:100px;
margin:0 auto;
}
#menu div { /*圆角盒子的共有属性*/
height:1px;
background:#0f0;
overflow:hidden; /*解决在IE6中不兼容的情况*/
border-left:1px solid #000;
border-right:1px solid #000;
}
#menu .line0 {
margin: 0px 5px;
background:#000;
}
#menu .line1 {
margin: 0px 3px;
border-left:2px solid #000;
border-right:2px solid #000;
}
#menu .line2 {
margin: 0px 2px;
}
#menu .line3 {
margin: 0px 1px;
height:2px;
}
#word {
border:1px solid #000;
border-top:none;
text-align:center;
background:#0f0;
}

查看效果