ZeroZ

以前发过一篇文章是说PNG透明问题修正，是使用一段JS来实现各个浏览器对png透明和半透明的支持（主要是ie6），但那种方法不支持背景平铺，挺不方便的，那么，这次就介绍一个完美支持png透明和半透明的方法—-IE PNG Fix。这个方法不是每个版本都支持背景平铺和定位的，得是v2.0 Alpha 3版本才行，请自行点击前面的链接进行下载试用。

下面看一下演示：http://www.zeroz.cn/blog/wp-content/uploads/2008/12/iepngfix/
这是专门针对ie6做的演示，所有使用了if条件注释的方法。

这里简单说一下使用方法和注意事项：

1. 把 iepngfix.htc 和 blank.gif 复制到网站相应的目录下（目录由自己决定）
2. 然后要在页面的头部信息中调用 iepngfix.htc 文件，像这样：

   <style type="text/css">
   img, div{behavior:url(iepngfix.htc);}
   </style>

   这里的 img 和 div 是你想要应用透明效果的元素，同样，你可以这样写：

   <style type="text/css">
   img, div, a, input{behavior:url(iepngfix.htc);}
   </style>

3. 到这里要注意两个文件的路径，一个是我们引用的 iepngfix.htc 文件，另一个是 iepngfix.htc 文件中 blank.gif 的路径，要根据你自己网站的目录结构来调整。
4. 如果想使用背景平铺和定位的效果，以前的步骤做完之后，我们还要再引用 iepngfix_tilebg.js 这个js，才能使png图片在ie6中平铺时实现透明效果，像下面这样：

   <script type="text/javascript" src="iepngfix_tilebg.js"></script>

5. Done

注：可以使用if条件注释语句，使这些文件只在ie6激活，以便在其他浏览器下加快加载速度。关于if条件注释语句的使用方法，可以看这里。

这里有一个效果，是用css实现的图片选中效果，图片上有文字说明，如下：

<style type="text/css">
.box{width:114px;height:114px;position:relative;}
.box a{border:1px solid #F0F0E8;background-color:#FFF;padding:6px;display:block;}
.box a:hover{border:1px solid #000;background-color:#333;text-decoration: none;}
.box a span{display:none; text-align:center; font-size:12px;}
.box a:hover span{color:#FFF;display:block;background-color:#333;width:114px;position:absolute;top:94px;left:0px;line-height:20px;}
.box a img{width:100px;height:100px;}
</style>
<div class="box" ><a href="#" ><span>本期模特【朱茵】</span><img src="http://www.zeroz.cn/blog/wp-content/uploads/2008/12/200812131645360.gif" alt="" border="0" /></a></div>

这个方法兼容任何浏览器，但有一点我很困惑，为什么改了.box a:hover的背景颜色属性和边框都去掉，就不兼容IE6了，如下（请在ie6及ie6以下版本浏览）：

<style type="text/css">
.box{width:114px;height:114px;position:relative;}
.box a{border:1px solid #F0F0E8;background:#ffffff;padding:6px;display:block;}
.box a:hover{text-decoration:none;}
.box a span{display:none; text-align:center; font-size:12px;}
.box a:hover span{color:#FFF;display:block;background:#333333;width:114px;position:absolute;top:94px;left:0px;line-height:20px;}
.box a img{width:100px;height:100px;}
</style>
<div class="box" ><a href="#" ><span>本期模特【朱茵】</span><img src="http://www.zeroz.cn/blog/wp-content/uploads/2008/12/200812131645360.gif" alt="" border="0" /></a></div>

到现在也没弄明白。

前段一直在关注2.7的进度，一直没敢更新，直到昨天晚上似乎发布了2.7正式版。
早上到公司就急急忙忙的先备份所有文件，然后上传，升级数据库之后，就成功的升级到2.7了。
下面谈一下体验感觉：

1. 后台的UI改动很大，猛的一下子不是很适应。不过所有的导航放在左侧我觉得很大气，也能适应很复杂的情况，比放在头部要好多了。
2. 不知道为什么已经上传了全部的WordPress 2.7 简体中文版文件，到后台一看，还是提示升级2.7。那好吧，就升级吧，幸好有个自动升级，不然还真是麻烦。
3. WordPress 中文团队的更新包很贴心，里面带了一个小插件：Admin Area Appearance Tweaks。这个插件的主要作用就是优化 WordPress 2.7 后台在中文环境下的显示。因为2.7的后台字体的样式是针对英文的，这样就造成对中文支持的不是很好，造成浏览起来很吃力，这个插件就是修改了一下其中的样式，然后代替wordpress原来的后台样式，也不会影响以后的升级，very good。
4. 原来以为升级到2.7之后会影响一些插件的运行，结果升级之后看到原来的插件都很好的运行着，一点影响都没，心里是一阵暗爽啊。
5. 前台显示页面一点影响都没有（废话，当然没有，主题和程序是分开的。）

嗯，总的来说还是不错的，没有想象中的坏。

WP-Syntax是一款代码高亮插件，使用的时候需要手写一段代码，不是很方便，这里就说一下给编辑器上加上这个插件的按钮方法，非常简单。

找到：
\wp-includes\js\quicktags.js文件，打开

找到：

edButtons[edButtons.length] =
new edButton('ed_code'
,'code'
,'<code>'
,'</code>'
,'c'
);

这段代码，然后在其面加入：

edButtons[edButtons.length] = 
new edButton('ed_mycode'  
,'mycode'  
,'<pre lang="php" line="1">' 
,'</pre//>'  
,'x'  
);

即可。
注：一定要把上述代码中的/pre//改为/pre。

Done。

刚才在彬Go看到的一篇为图片添加一些效果的5个方法，这些效果在我看来都很实用，总结的也很不错，这里我就转过来4个方法，顺便把实现的原理解释一下，然后改正文中的几个错别字，资深coder看到此文直接略过，没什么技术含量。

阴影效果

通过使用带有一些padding值的背景图来添加阴影效果。Demo
HTML：

<img class=”shadow” src=”sample.jpg” alt=”" />

CSS：

img.shadow {
            background: url(shadow-1000×1000.gif) no-repeat right bottom;
            padding: 5px 10px 10px 5px;
}

实现原理： 继续查看全文

以前我也发过一篇文章，关于美化Select的，是摘自优酷网，但那个是用xhtml+javascript模拟的select，而非真正的select，当浏览器不支持javascript的话，就没有select样式了。

但这个不同，我觉得这个例子的最大两点就是根据原有的select模拟生成新的select，很牛逼。

简介：
1、根据原有的select 模拟生成新的 select。（避免程序大规模调整）
2、支持键盘，可通过键盘选择选项。
3、可自定义样式。
4、方便灵活，可选择需要的seletc 进行模拟（非全局模拟）
5、判断用户是否开启脚本支持，若未开启，不进行模拟。

Demo：http://www.zeroz.cn/blog/wp-content/uploads/2008/12/jQuery.Select/index.html

文章来自：http://www.zhangjingwei.com/archives/jqueryselect/

效果很不错，看的过程中你会清晰的听到脖子咔、咔、咔的响。

本文来自：http://www.awflasher.com/blog/archives/1603

对我好对我好好到无路可退
可是我也很想有个人陪
才不愿把你得罪于是那么迂回
一时进一时退保持安全范围
这个阴谋让我好惭愧
享受被爱滋味却不让你想入非非
就让我们虚伪
有感情别浪费
不能相爱的一对
亲爱像两兄妹
爱让我们虚伪
我得到于事无补的安慰
你也得到模仿爱上一个人的机会
残忍也不是慈悲
这样的关系你说多完美
眼看你看着我看得那么暧昧
被爱爱人原来一样可悲
为甚么竟然防备别人给我献媚
不能推不能要要了怕你误会
让我想起曾经爱过谁
我所要的她不给好像小偷一样卑微

排名这东西的作用不好说，对一些注重这些，希望用站点盈利的站长来说，排名还是很重要的。但对于一心只想自己用，并不打算盈利的站长来说，这玩意一文不值，因为人家压根不在乎，你随便排，关我P事，老子还要吃饭、睡觉、打豆豆呢。
扯远了，下面几条方法就是针对网站排名来进行的优化，注意，只可参考，不能挨个不拉的用上。不然，到时候您的网站如果成了一个不伦不类的站点，可别找我。

1.没事就关注下面两个地址，然后根据列表提供的词汇整点内容。只要你的站点稍微有点适合搜索引擎爬虫的胃口，一天2000独立IP是比较烂的成果。
http://top.baidu.com
http://www.google.cn/rebang/home
另外还有一些关键词挖掘网站，有时间有精力可以把周边长尾关键词全拿下！

2.朝书签站点拼命提交你所属站点的内容链接，注意，提交行为得是间歇性的，可以保证隔不了一会就能冒出你站点的链接。
http://myweb.cn.yahoo.com
http://www.google.com/bookmarks
http://delicious.com
http://cang.baidu.com
http://shuqian.youdao.com
http://vivi.sina.com.cn
http://shuqian.qq.com
http://www.mister-wong.cn
http://www.wang1314.com
还有很多，大家自己找去吧！不过要记得将收藏状态设置成公开的，否则就白收了，然后就狂点其他用户的名字去串会门！

3.朝网站分享或类Digg站点提交你所属站点的内容链接，方法同上。 继续查看全文

是最近一段时间的琐事，具体从几月几号几点几分几秒到几月几号几点几分几秒我也记得不是很清楚了。

1. 对门的房东（注：这个房东不是真正的房东，只是租给我房子的一个在房屋中介上班的员工，恰好，他也在这个房子住，而不是房子的真正房东。）换公司了，原来的公司不让他住现在的房子了（因为房子是原来的公司低价租给员工的），那就是说他要搬走。我想啊，这房东还不错，人很好，他搬走了，说不定下一个房东人不好，也不在这住，所以，我也想搬走了。找了一个多星期的房子，正准备去看房，结果房东说他暂时不搬，等明年再搬，说不定明年直接和真正的房东把这合同给签了，不通过原来的公司了。那我也就明年再搬吧。呼。。。（终于不用搬了，想想就后怕，东西真多啊。）
2. 个站Alexa排名坚强的挺进了百万之内，目前已经达到80多万，我想如果不是期间停了快2个月，也许排名会更考靠前。嗯，坚持，继续往前坚强的挺进。
3. 最近手指头很受伤。老是跟利器亲密接触，先是切肉的时候自己剜掉不是很大的一块肉，接着是接刀的时候不小心又划到自己的指头，一个口子。然后是搓手的时候用自己右手大拇指上一点仅有的指甲把自己左手小拇指上给划了一道口子，看着很想是利器划的，很细很笔直。最后是昨天不知道什么时候左手大拇指右侧出现了一道莫名其妙的口子，晚上准备洗澡的时候才发现，甚是蛰的慌。我怀疑是不是被小偷给划到了，但仔细检查了一下，没丢什么东西，衣服也没有破。这是一个至今都没有揭开的谜团。
4. 差不多一个月没有剪头发了，越来越长越来越厚了，昨天晚上剪了一下，很短很短，跟盖儿似的。
5. 硬盘分区没了，按照字面意思理解下面的话就是—数据也没了。我有两个硬盘，最近几天电脑有点卡，动作总是断断续续的，于是就捣鼓了一下，大概就是换了换跳线之类的，结果一个硬盘的分区没了。我日，我压根就没格过盘，分区怎么会没了呢？就算格盘了，也得有分区了。于是，周末两天就努力的在恢复数据，光扫描硬盘都要耗费我10多个小时，不知道恢复的时候要耗费多少小时。。。
6. 继上次电话号码泄露事件之后，最近总是有深圳、广州、杭州一带的号称是理财公司的人打我电话。问我最近有没有在做股票云云之类的话。我操，哥们我没钱，没做股票，即使有钱也不会做股票，即使有钱会做股票也暂时没有做股票的打算。求各位大哥大姐不要再骚扰我了，如果我需要的话，我会亲自联系您老的。幸亏不是半夜大电话进来的，不然哥们非半夜再打回去。
7. 暂时想不起来了。。。