这段时间非常非常的忙碌，所以博客有很长一段时间没有更新了，做了很多很多东西（包括制作了两套WordPress主题，稍后有时间会整理发布的），但却没时间整理出来和大家分享，整理文档是一件很累人的事情，特别一些程序文档，在做主题看了些WordPress 3.0文档，对一些新功能做了些试验
以下是其中之一（所见即所得样式 add_editor_style();)
在主题得functions.php加入
// This theme styles the visual editor with editor-style.css to match the theme style. add_editor_style();
主题目录下添加 editor-style.css 文件，把主题的全局样式，一些常规样式放进去，这样你在编写文章时后台编辑器和前台的显示一样的，几乎达到95%（其实看你整理的够不够全）。
我非常喜欢这个功能，它能让我轻易的编辑出自己想要的排版，虽然这个功能已经很完美了，但还是希望能有class名添加功能
]]>
- 即时二维绘图
- 定时媒体播放
- 储存
- 离线
- 编辑
- 拖放
- 通讯／网络
- 后退按钮管理
- MIME 和协议处理程序时表头登记
HTML5的一个绘图应用：http://mugtug.com/sketchpad/
HTML5的一个视频解码应用
HTML5视频OGV格式播放 HD 720p. iPhone/iPad Wi-Fi: 496×208 and cellular: 176×74
支持的浏览器（2010-05）：
Safari (v4.0.4+)
Google Chrome (v4.0+)
Firefox (v3.6+)
Internet Explorer 9（预览版）
Chrome Experiments at google IO
]]>
现在吃饱饭了没事就胡思乱想，最近在在搜索文章时发现有些文章被引用，而这则文章是之前旧域名是被引用的，如今换上新玉米，也就是说那篇文章的链接都变成了无效链接了，所以突发奇想了：如果这个链接是一个动态的，我可以通过ping的形式修改这个旧链接为新的链接，这样不就可以让无效链接变成正确的链接。
当然上述办法还是行不通的，如果我不小心更换成色情的或者AD的链接，那岂不是害苦对方了，这个是没有办法解决的，只能通过互相信任的方式，也就是说信任对方的站点，那就做上动态的链接，若是不信任做上静态链接（也就是目前所使用的）。
还有个最重要的，那就是我们的浏览器支持啦，我们的W3C进行修正新版，还有IE6忽然间消失了…
]]>
我常常处理鼠标事件背景图时为了图便捷，直接用PS切片，复制一个再用PS调整一下颜色作为鼠标经过时显示的图片，直接采用两张图片，一张作为当前一张作为经过时显示。这样做方便以及节省一点点带宽，但是弊端就是加载页面时并没有载入鼠标经过的图片（也就这里节省了），而鼠标经过时才载入图片。这样可想而知的结果就是鼠标经过时有个短暂的图片消失的情况，当浏览器缓存图片过后此情况就不会发生。
这是使用鼠标伪元素切换背景CSS -两张图片
#bt1{ background:url(bt1.jpg) no-repeat center; width:88px; height:31px;}
#bt1:link, #bt1:visited {background:url(bt1.jpg) no-repeat center; width:88px; height:31px;}
#bt1:hover {background:url(bt2.jpg) no-repeat center;width:88px; height:31px;}
页面载入时加载第一张图片（bt1.jpg），当鼠标经过按钮时加载第二张图片（bt2.jpg）
这是使用鼠标伪元素切换背景CSS -一张图片
#bt2{ background:url(bt12.jpg) no-repeat 0 0; width:88px; height:31px;}
#bt2:link, #bt2:visited {background:url(bt12.jpg) no-repeat 0 0; width:88px; height:31px;}
#bt2:hover {background:url(bt12.jpg) no-repeat 0 100%;width:88px; height:31px;}
通过限制div长宽尺寸，利用定义背景图位置达到切换效果
为了改善此问题我们可以把两张图片合二为一变成一张图片，这样就能在载入页面时就载入图片，缓存图片，从而鼠标经过时即时的切换图片位置，达到鼠标经过变 化效果。
普及一下基础常识，老鸟就无需浪费时间啦
]]>
前些日子，为客户制作了一个企业网站，当客户使用后台上传图片，前台无法显示，我进行检查所有操作正确。于是我上传图片结果前台显示，我当时就纳闷呀，（当然期间还经过一些我用火狐他用IE的情况）难不成这就是RP问题？最后进行详细的排查结果发现客户上传的是CMYK颜色模式的JPEG图片，IE是不能支持这种颜色模式的，可能因为CMYK和RGB之间转换会造成较大的颜色误差吧（显示器是RGB色彩模式）。
到目前为止微软的Internet Explorer 浏览器IE6,IE7,IE8都不支持CMYK颜色模式图像，除IE外其他浏览器均能支持，而通常网络上使用的基本都是RGB色彩模式
下面是两种模式的测试图，有条件的可以用IE和FF测试一下：
 |
 |
头部图片正确的色彩显示对照
]]>
最近由于安装Ubuntu系统，反复插拔显卡（双显卡），导致WinXP系统平滑字体边缘设置失效，浏览网页尤为明显锯齿感（IE没有影响，其他内核浏览器均受此影响）。
经过一番排查最终找到问题：
在Windows中，如果文档、网页中设定的字体比较大，那在显示时就会出现边角的锯齿，影响美观。其实Windows XP中已经自带了解决方法。
1.右击桌面空白处选择“属性”，在弹出窗口的“外观”选项卡中点击“效果”。
2.勾选“使用下列方式使屏幕字体的边缘平滑”。
3.在下拉列表框中选择“清晰”，点击“确定”。
Google DNS的目标是速度、安全性和有效性，它意味着完全没有劫持、没有阻截、没有过滤的DNS查询，而且速度飞快。
我做了测试：
1.国外网站解析速度明显加快，国内网站解析速度一般，但不亚于国内ISP提供商所提供的DNS.
2.网址输入有误直接跳转谷歌搜索，而非ISP提供商提供的页面（例如国内电信的114）.
3.确实免费（哈哈）
4.你若不信，设置后访问本站，那速度真叫唆一声开了
教教菜鸟们如何设置谷歌DNS
控制台——网络连接——本地链接>右键>属性——Internet协议（TCP/IP）>双击
首选DNS服务器：填入8.8.8.8
备用DNS服务器：填入8.8.4.4
点击<确定>完成
详细介绍：使用谷歌公共DNS（英文）
]]>
在做div+css主题时我们经常会考虑到两栏，左右栏，当然实现的方法有很多，但我喜欢float-left-right解决。这样能两侧都能靠边，也无需输入确切的大小（px），使用%就可以。但float-left-right之后会有些兼容问题产生。
所以本文想你介绍如何兼容：
未加入overflow溢出隐藏 ，使用float：left和float：right之后导致div失控
加入overflow溢出隐藏后，使class=”a”在float：left和float：right之后依然能控制子div，但不能兼容IE6
加入overflow溢出隐藏后,由于overflow在IE6下必须要高度才能有效，所以加入height:100%使其兼容
粗糙的讲了一下overflow:hidden height:100%
]]>
有些日子没有贴过代码了，都有些忘记了，写这类文章还是很懒的，测试写备注贴代码做演示等等都是让然抓狂的。
前些日子在制作主题遇到一个问题，当调用数据库输出一个<li>列表横向排列时，而这个列表我想左右两边靠边（左右对齐父div），这样就需要对<li>做不同的class名以定义不同的样式。当然实现这样的效果有很多解决的方法，但我用了一段JS规则动态修改class（类名）。
优点：省事/快捷/动态
缺点：js是最后面执行的，所以在页面其他内容未加载完成时，不能处理js，所以会造成短暂的样式失效，以及有部分用户的浏览器是禁止js的（反正我没见过这么变态的），这样就造成永远样式失效。
废话不多说，开始吧，注：class=box id=list (i%4>0) 等可自定义
html部分：调用数据库输出的列表
<div class=box id=list><!-- 调用数据库输出的列表--> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> </div>
JS部分：目的修改box的li className
<script type="text/javascript">
<!--
var Ptr=document.getElementById("list").getElementsByTagName("li");//指定的id 属性值得到对象
function $() {
for (i=1;i<Ptr.length+1;i++) {
Ptr[i-1].className = (i%4>0)?"left":"right";//修改className (i%4>0)为节点
}
}
window.onload=$;
//-->
</script>
html经过js动态修改后结果：
<div class=box id=list> <ul> <li class="left">1</li><!-- 其他li className 均为left--> <li class="left">2</li> <li class="left">3</li> <li class="right">4</li><!-- js规则每逢第四处添加li className为right--> <li class="left">5</li> <li class="left">6</li> <li class="left">7</li> <li class="right">8</li> </ul> </div>
这样我们就获得到li的class=”left”和class=”right”两个不同的类名，这样我们就能为两组类名定义样式
css部分：给列表附上样式
.box {background: #dedede;margin:0 auto;overflow:hidden;}
ul{ padding:0; margin:0;}
.box ul li {list-style:none;height:100px;width:100px;}
.box ul li.left {background-color:#666; margin:0 5px 5px 0; float:left;}/* 左样式 */
.box ul li.right {background-color:#999;margin:0 0 5px 0; float:right;}/* 右样式 */
演示：JS+CSS+DIV
]]>
网上关于绘图系列软件缩略图补丁有很多，随便下载安装都可以实现，为什么我还要写这篇文章呢，是因为网上大多数补丁是针对旧版本的绘图软件。Adobe CS3新版本的系列产品，应用过上述补丁后，一旦再次运行Illustrator CS3后就又不能显示缩略图了。
为什么会这样呢，是因为Adobe在CS版本中夹带了Adobe Bridge CS3（运行相当慢，不建议使用），用于浏览 打开 列印 自己专用格式以及其它图形格式的档案，所以每当运行Illustrator CS3都修改缩图注册表项。PS：Photoshop CS同样取消了缩图功能。
AI解决方案：
接下来我们要做到是给Ai缩图注册表项去掉修改权限，只保留读取权限，从而达到Illustrator CS3只能读取而无法修改。
开始菜单下面<运行>输入：regedit，回车确认打开注册表（或到C:\WINDOWS目录下打开）
定位注册表至：HKEY_LOCAL_MACHINE\SOFTWARE\Classes\CLSID\{0C5B0CED-206B-4c39- B615-0EB23C824612}，在此根上点击右键，依次点《权限》
点击《高级》打开高级选项
取消勾选《从父项继承…》弹出面板中点击《删除》返回点击《确定》，目的删除用户组、超级管理员用户组等管理权限。
接下就是添加所有用户Everyone，点击《添加》打开添加面板添加
弹出窗口输入“e”点击《检查名称》点击《确定》添加所有用户完成
接下来勾选所有用户Everyone权限，勾选《读取》完成点击《确定》完成
定位注册表至：HKEY_LOCAL_MACHINE\SOFTWARE\Classes\CLSID\{0C5B0CED-206B-4c39- B615-0EB23C824612}，在此根上点击右键，依次点权限、高级、取消勾选允许父项的继承…、在弹出的对话框中选择删除后确定、然后重新 添加Everyone用户，并且只勾选此用户的允许读取权限后确定，完成了。
]]>