考虑到做一个禁止非法盗链太累，又没找到合适的如意的，于是选择了某熊的大头像。充分表达了对盗链的气愤及鄙视。

代码如下，但凡盗链中包含了图片、压缩包、应用程序，就会被取代为上面的大头：

RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !onezhou\.com [NC]
RewriteCond %{HTTP_REFERER} !liu-zhou\.net [NC]
RewriteRule \.(jpg|jpeg|gif|png|bmp|rar|zip|exe)$ sha\.jpg [NC]

HTTP_REFERER：The website address (URL) from which the user followed a link to this location，验证是否外部提交。
%{HTTP_REFERER} !^$：ensures that we don’t reject requests made directly for the image without a refer。
NC： No Case，忽略大小写。

如果不愿转成其他图片，只是单纯的不想被显示，可把最后一行代码替换为：

RewriteRule \.(jpg|jpeg|gif|png|bmp|rar|zip|exe)$ - [F]

其中，-：indicates that no rewriting is to be done，表示无改写。
F：Forbidden，禁止。

学了点皮毛，上来标记下。嘿嘿。

theme改变还是挺大的，分的是越来越细了，现在还是很难说是好是坏。

数据库到是没有改太多。

新的默认主题twentyten还是挺强大的，含括了许多新特色，尤其是function.php，值得细细读一下，不原意慢慢爬Codex的筒子只少可以照抄不少了。

我整整一个月的闲暇时间都在和玛丽同学奋斗，实在没空写流水帐，本着这个月不留空的精神，特在烦忙的工作期间上来胡扯两句，不要拍砖，怕疼。

最好的PNG fix Javascript—- unitPngFix.js

官方网站 (http://labs.unitinteractive.com/unitpngfix.php)
试过十多个不同版本的Png fix，各自的优缺点都很明显，推荐的这个版本至今依然在缓慢而持续的更新着。除了大家都会的修正<img>里的PNG图片，选用他家产品的几个主要理由为：

1. 修复PNG图片且不改变原有图片的尺寸，不会出现拉伸图片的情况
2. 可修复PNG格式的背景图片（尽管对于重复属性的背景图片还是会有不同程度的bug，但已经可以简单的通过更改背景图片等简单方法解决）
3. 可以全局修复，也可以仅修复指订图片（via class=”unitPng”)

最好用的字体替换程序 —- Cufón

官方网站(http://cufon.shoqolate.com/generate/)

我到今使用过三种字体替换程序：sIFR, FLIR (Facelift image replacement), 和现在选择的Cufón。下面是各程序的比较：

对于cufon和unitPngFix全局修复冲突的解决办法

• 对要在IE6中需要修复的图片或背景图片所在的容易中添加（class=”unitPng”）。
• 由于unitPngFix默认是全局修复，为了避免某一页面中没有需要修复的图片，在footer里（或者其他任何不显眼，不影响布局的地方）添加一张5px×5px左右大小的空白png图片，并添加（class=”unitPng”）。

Here is a simple example to create 5px radius rounded corner.

Image part:
corner images
for IE7 and above, using PNG images: corner-tl.png, corner-tr.png, corner-bl.png, corner-br.png
for IE6, using non-PNG instead, or try using Unit PNG Fix (unitpngfix.js) to hack.

HTML part:

<div class="round">
	Massive content goes here.
</div>

CSS part:

.round {
	padding:5px;
	background:#238427;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	*padding:0;
}

.wrap-tl {
	background: url(assets/corner_tl.png) top left no-repeat;
	_background: url(assets/corner_tl.gif) top left no-repeat;
}
.wrap-tr {
	background: url(assets/corner_tr.png) top right no-repeat;
	_background: url(assets/corner_tr.gif) top left no-repeat;
}
.wrap-bl {
	background: url(assets/corner_bl.png) bottom left no-repeat;
	_background: url(assets/corner_bl.gif) top left no-repeat;
}
.wrap-br {
	background: url(assets/corner_br.png) bottom right no-repeat;
	_background: url(assets/corner_br.gif) top left no-repeat;
	padding:5px;
}

jQuery part:

$(document).ready(function(){
	if($.browser.msie){
		$('.round').wrapInner('<div class="wrap-tr"><div class="wrap-tl"><div class="wrap-bl"><div class="wrap-br"></div></div></div></div>');
	}
});

Ideally, the jQuery code will made the HTML code looks like the following in IEs.

<div class="round">
	<div class="wrap-tr">
		<div class="wrap-tl">
			<div class="wrap-bl">
				<div class="wrap-br">
					Massive content goes here.
				</div>
			</div>
		</div>
	</div>
</div>

Remember to name the images in specific format.

$("img.rollover").hover(
	function() { $(this).attr("src", $(this).attr("src").split("_s.").join("_o.")); },
	function() { $(this).attr("src", $(this).attr("src").split("_o.").join("_s.")); }
);

免费用户给2G空间，支持单个共享文件夹的共享设置，对于各项操作有日志记载，适合小团体进行共享。

发现我不太会说中国话了……算了，用用就知道了。

地址：https://www.getdropbox.com/

WordPress的2.8正式版的后台更漂亮点了，用户交互更亲和，虽然在2.7的基础上视觉效果改变不多，升级后突然心血来潮的去IE下看了看效果，发现IE下还是比较难看，虽然还是实现了按钮等rollover的渐变背景效果，但是圆角就彻底被放弃了，IE下效果就是方方正正的一个个模块。想想也许这也不失是一个解决办法──与其花费大把的时间去让不听话的IE漂亮一点，还不如对IE的界面采取另一种相似的设计，丑是丑了点，但是引用我们单位Dave当时说过的一句话 “People who choose IE does not deserve better design. ”

言归正传，本篇的重点是总结一下在各浏览器下圆角的实现方法。现在许多乖浏览器如Firefox, Safari, Opera已经支持CSS3中的某些语句，特别是border-radius这一创造圆句的功能，太赞了，一句CSS代码就解决了头疼的问题，使用方法如下：
CSS3 (not yet finalised)

border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-top-left-radius
border-radius

Mozilla equivalent

-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft
-moz-border-radius-topleft
-moz-border-radius

WebKit equivalent

-webkit-border-top-right-radius
-webkit-border-bottom-right-radius
-webkit-border-bottom-left-radius
-webkit-border-top-left-radius
-webkit-border-radius

Opera and KHTML browsers

-opera-border-radius
-khtml-border-radius

由于IE家没有支持CSS3的，所以对于IE下的圆角要另外花功夫。主要用了CSS和png图片及container的嵌套（对IE6，由于其不支持png，各种hacker对png背景图片的处理也不是太理想，于是特别创建了一堆gif图片，不胜其烦），总结了一下代码如下：

（暂时不总结了，下回用到再说吧）

———

Reference: http://www.the-art-of-web.com/css/border-radius/

在找一个合适的主题，可是合适怎么定义却很空泛。看到一些很炫的主题又不是太如意，只有下载下来再改，去掉繁枝茂叶，留下个光秃秃的主干，辛苦调试完了后又突然不喜欢这个主题了，于是又推翻重来。

找了一个新的主题换上了，Coffee desk，笔记本样式，属于一见钟情型的，看原作者的代码也很清爽，先用着，回头再微调一些，实在不想再从头改到尾了。

另外找到了一个wordpress theme framework，干净的模版，这样下次就不用那么累改代码了，就当是designer给了个设计和图片，自己写代码出来也许还更简单。

http://plainbeta.com/2008/05/20/whiteboard-a-free-wordpress-theme-framework/

下载地址：http://plainbeta.com/download/whiteboard.zip

不常贴代码，应该说也就是最近两天才开始贴的，这两天一直在温故知新和创新，主要是为了记录点啥备忘 。

插件很简单，在HTML模式下编辑。格式如下：

<pre><code>代码</code></pre>

很简单，也正是我所要的。

链接：http://www.thunderguy.com/semicolon/wordpress/code-markup-wordpress-plugin/