ZH CEXO's BLOG » 下载

更换Firefox默认查看源代码工具的配色方案

ZH CEXO — Tue, 07 Dec 2010 12:52:51 +0000

今天看代码的时候，再一次忍受不了Firefox默认查看工具显示的恶心效果了。显示代码嘛，你好歹用个等宽字体啊，而且那么大一白背景，几个破破烂烂的字体挂着，看着心里烦。本来每次用Firefox默认的查看工具看代码的时候心里都会有这种抱怨，但这一次我终于暴发了，所以Google了一下看看能不能更换一下字体，没想到的是，控制样式的是CSS，那么拿手好戏来了~效果图伺候先：

好吧，我承认我重口味，换了这配色这么重的Monokai……不过我自己蛮喜欢这款配色的，就换上了。然后把这也拿出来分享吧，因为我想可能至少会有那么一个人，和我一样忍受不了默认样式又喜欢Monokai的配色呢？需要说明的问题是：

1、你下载得到的文件叫viewsource.css，然后找到你的Firefox安装文件夹，里面有个叫res的文件夹下，先备份同名文件viewsource.css，然后再用我改的这个覆盖它。

2、由于Firefox默认的查看器里面的样式控制的HTML标签看不到，而且看了下CSS文件后我觉得它能控制的样式也有限，所以这个Monokai样式与其他软件里面正规的Monokai样式不是百分之百相同。

3、这完全是没技术的修改，改了改颜色而已，如果你喜欢，就直接使用我改的，如果你不喜欢，请自行修改颜色即可。

4、推荐使用Yahei Consolas Hybrid字体，它将中文显示为雅黑，英文显示为Consolas。不过如果你的电脑里有Cosolas和微软雅黑两种字体的话，应该也能正常显示字体，因为对于Firefox来说，font-family: “Yahei Consolas Hybrid”, “Consolas”, “Microsoft Yahei”, sans-serif;这句还是有效的吧。

下载链接：viewsource.css | Yahei Consolas Hybrid字体

又到了PS时间了，囧：大家试试用未修改之前的Firefox默认的查看效果去看看CSS禅意花园的网站，为什么代码会显示得那么工整呢？看别的网站的源代码就不会显示成那样的效果。
另外，大家可能会问，看代码用Firebug多方便啊，为什么要用本来这个？我这样说吧，Firebug显示了DHTML的代码，有的时候并不需要……

修正一下jQuery插件Colortip在IE6下面的显示问题

ZH CEXO — Sat, 04 Dec 2010 16:23:37 +0000

今天看到了MK的这篇文章，然后其中的Colortip这个jQuery插件引起了我的注意，倒不是因为它新奇，而是我之前看到过，没想到它就成了2010年最佳之一了……今天又回顾了一下这个插件，然后发现它在IE6下面工作的时候，显示起来是不正常的，tip经常出现在很离谱的位置。问题还有，由于tip的显示效果没有用到任何图像，都是纯的CSS，所以里面用CSS实现的三角形在IE6下是无法工作的，会显示一块有色区域，很丑，所以我就想动手改它一下。先上一张对比图好了：

js方面的代码肯定是没问题的，问题出CSS上，Colortip用的是position进行定位，在IE6下面可能存在着一点问题。而且由于IE6不支持border-color:transparent的属性，所以tip下面的三角形也有问题。下面修正它吧。

打开插件的colortip-1.0-jquery.css这个文件，在里面找到如下代码：

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	_border:6px solid #123456; /*指定一个特别的颜色值，为使用chroma滤镜作准备*/
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
	font-size:0; /*IE下空标签会有一个高度，把font-size设为0可以清除这个高度*/
	_filter:chroma(color=#123456); /*为IE6使用chroma滤镜将颜色#123456过滤成透明的*/
}

如果大家自行看一下代码的话，可能会发现我贴出来的代码和原来相比有点不同，但是我已经把注释写在里面了，应该可以理解吧。下面继续：

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	_bottom:-15px; /*将小三角形的位置微调一下更准确*/
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
	_zoom:1; /*不知道为什么，这里加上zoom:1后IE6下使用left:50%才能得到正确的位置，难道内联的元素没有layout？无法准确表达……*/
}

好了，到这里就修正完毕了，在我的机器上，用IEtester和VMware虚拟机的XP+IE6都测试通过，你也可以试试效果。有任何问题可以向我反馈，我能改则改。代码好理解，不能理解的直接用插件就行了。

插件网站 | 原版DEMO | 改后DEMO | 修正后的插件下载

再补充一句，原版和改后的DEMO在高级浏览器里面的效果是一样的，没区别，但是用IE6试试就知道了。希望我做的这一点点微不足道的工作，为喜欢这款插件的朋友们带来方便，^_^

关于纯CSS的方法实现三角形的效果，可以参看Mr.Think的这篇文章，很详细很不错的技巧CSS技巧之圆角背景与三角形。

发布软件包镜像

ZH CEXO — Mon, 04 May 2009 12:32:24 +0000

简单的说就是我收集的一些关于图像处理、网页设计、音频处理方面的软件，本来就让它们呆在硬盘里的，但是突发奇想把它们打了个包，做成了个镜像文件，再加上了我平时收集的一些好看的图标和图片什么的、Photoshop笔刷、Dreamweaver扩展等等，就一起发布吧，要有共享精神……（其实在Twitter上已经发布了）

先上图：

应该都是最常用的吧，想要的同学一次性都收下，免得到处找。这些软件大多都是绿色版的，即使重装了系统，恢复起来也容易。文件太大，我放在QQ中转站里面了，不知道能提供多久，所以就借用工具让大家共享~

整个文件是个iso镜像，658.88M，MD5: DA3A1AB70B57AF9C7DCF46711C09672C，请下载后进行校验，免得出现问题。

要刻盘子的话，刻录速度不要太大，以免失败。

最后还得强调一下，文件来源于互联网，若侵害了您的权益，请通知我，我会删除的……

点击这里进入下载（IE Only）

发布新主题EasyLine

ZH CEXO — Sun, 25 Jan 2009 06:46:58 +0000

本来我是不做主题的，而且我说过LinxoV1可能是我最后一个主题，但是潘小胖子上次问过我学习CSS用什么书，后来又让我教他做主题，可是我也只是个半瓢水，只学了一个星期的CSS……然后他说要求不高，做成网易新闻的内容页面的效果就行了，然后我就仿照那个做了这个EasyLine主题，可是！可是！他不想要，让我改，改成现在这个样子了，所以这个原始的主题就废了……但我觉得直接删了多可惜呀，不如放出来吧~

这个主题很简单，简单得不能再简单，但是还是有图片……不过总的文件压缩成zip后只有37KB，所以也算一个轻量级主题吧，而且能合在一起的图片我已经处理成一张了，减少了http请求。因为是答应帮潘小胖子做的，所以我连logo都没改，所以如果有人想用，请自己把主题里面相关内容进行修改。

再上个图吧：

主题需要插件：中文Wordpress工具箱

目前此主题在本机的IE6，IE7，Firefox3.0，Opera9，Chrome2下面测试样式基本一致，如有问题可留言提出。

下载 | 主页 | 内容页

有没有人用还是个问题……再囧一下……

今天除夕，祝大家新年快乐！

当小白，亲自体验Windows 7

ZH CEXO — Mon, 22 Dec 2008 12:50:23 +0000

也许现在写这篇文章有些晚了，因为网上关于Windows 7的文章已经很多。之前我对这个系统很感兴趣的时候，网上就已经出现了它的一个测试版本，可惜学校网络一直故障未恢复，所以直到现在，我才得到了这个版本号为6956的Windows 7。

话说当时在微软件还没有承认在开发Windows 7的时候，网上就出现了一些关于它的界面的图片，而且“很vista很MAC”，但是后来出现的版本并没有那么神秘，只是在vista的基础上作出了改进，总体看起来和使用起来和vista大同小异，但是也有些微妙的不同，这里我就向大家介绍一下自己的使用感受，如果哪位想像我一样当小白鼠，不妨也试一下。

首先要说的当然是那个变化最大的任务栏了，在Windows 7里面的任务栏已经不是原来的任务栏+快速启动栏了，现在两者合而为一。你启动的所有程序在任务栏上都只有一个图标了，不是原来的图标+文字的组合，并且它会自动整合所有的相同程序的窗口在一个图标里面，不必担心它们难分辨，工程师们已经考虑到了这一点，依赖Aero的窗口预览起了很大的作用，它会让你分清哪个窗口是你要找的，而且在任务栏上，工作中的程序图标和未工作的是有明显区别的。

那个好用的快速启动栏虽然没了，但是你可以把你常用的程序放在任务栏上，方法就是右键点击那个程序的缩略图标，然后选择“把程序订在任务栏上”就可以了，所以你可以很方便的做很多程序的快速启动……

接着就是那个传说中的完整的Aero体验。在vista中，Aero的体验不完整，只有Flip 3D和任务栏缩略图的预览，但是在win7中，还多了Aero Snap和Aero Shake，前者的作用就是当窗口被拖动至屏幕左，上，右边缘时就会自动紧靠边缘放大窗口，而后者就是当桌面窗口过多时，只要拽住窗口抖动一下，其他非当前窗口都会最小化，当然这两种功能现在已经有人为vista也开发了，效果也还行。现在的窗口缩略图预览的时候，鼠标悬停于哪个窗口的缩略图上面，当前窗口就会显现，而其他的窗口则会变为全透明，这样定位一个窗口更方便，操作效率当然有所提高。

文件预览功能又回到了Windows 7里面，在资源管理器窗口的边上有个按钮，选上它之后窗口就会由两栏拆成三栏，然后会显示预览内容。

再就是程序方面的改进了，先说一下写字板。如上图所示，字体板的主界面风格很是Office2007，这是Ribbon界面，将多而复杂的菜单选项变成了图标按钮，初用的时候可能不习惯，但是后来习惯之后，会发现依靠图片定位会比靠文字定位更快速。写字板支持的格式也比以前多了很多，比如支持微软的OOXML的docx后缀名的文件格式，还有ODT，可用性比以前的版本当然大幅提高了。

画笔程序的改变和写字板相当，这里我就不赘述了。

Windows Media Player较vista中的版本11也有所改变，先是界面，然后改动不是很大，同步、刻录功能都放在了右边栏，清晰明了，而且歌曲有了预览功能，当鼠标悬停于歌曲上，就会出现Preview按钮，你可以试听歌曲，还能点击Skip按钮快进听高潮部分。

而小窗口模式也变了，如下图，把控制按钮显示在任务栏上的选项也没有了，在小窗口中只显示专辑封面和控制按钮。

其他改变

1. 侧边栏经没有束缚了，里面的Gadgets可以在桌面的任何地方放，虽说在vista里面可以，但是vista里面毕竟有个透明栏来示意。

2. MediaCenter播放歌曲的时候也有所改变，它会把已经下载下来的所有专辑封面都平铺成一面墙一样在播放歌曲的时候滚动。

3. 程序兼容性方面目前没发现问题，能在vista下面使用的程序都可以在windows 7下面运行，而且有的程序因为兼容性的问题不能运行在vista下，反而可以运行于windows 7。

4. UAC没有那么烦人了，更改系统设置的时候它可以不来烦你。而且在Action Center你可以改变UAC提醒的频率了。还有，以前的安全中心什么的都合成为一个Action Center了，翻译成什么我不知道，还是等官方的译法吧。

5. 内存占用较vista小了很多。我2G的内存，vista日常应用内存占用在50% ~ 60%，但是在windows 7里面，维持在35% ~ 40%之间，39%居多。

6. 启动速度很快，从出现BootScreen开始到完全能使用，我的机器上不超过20s，但是我的vista的启动却要花费一分钟以上的时间，当然了，要是能再快一点就更好了。

7. ……还没有想到，可能的话以后再写吧

以下是两个演示视频，大家有兴趣的点点看看，用GoogleReader的朋友在阅读器里好像看不到吧：

总结

总的感觉还行，windows 7 要速度有速度，要特效有特效，但是总的来说不是让我很惊喜，因为它和我用的vista的确差不多，我用了两天后回到vista下，在视觉上和使用上一点不适也没有，当初那个相当酷的像Dock一样的东西也没有。程序的兼容性上有所改进，UAC也好多了，但都没有让人可喜，不知道世界上那么多人要跳过vista直接升级到windows 7以后真的会得到满足吗？我就觉得，现在人们抱着XP不放，到windows 7的时候要适应还不是要走像适应vista一样的过程，Windows 7并不是大家的天神！就说这么多吧~

相关软件下载

Aero Snap下载（For XP/Vista）

Aero Shake下载（For XP/Vista）

Windows 7 msstyle theme（For Vista only）

漂亮的3D桌面

ZH CEXO — Sun, 14 Dec 2008 09:25:08 +0000

提到3D桌面，不知道大家脑袋里面的概念是什么，是Windows Vista的Flip 3D，还是Linux的Compiz Fusion，或者是MAC系统里面的expose和封面式预览？但是这里，我要说的并不是这些，而是把桌面变成一个三维的空间一样的东西，里面图标什么的都会占有体积，会受重力影响，那将是什么感觉呢？使用Shock Desktop 3D这款软件就能实现，它就是我们今天的主角~

上图先，看看我的桌面的原始效果：

然后用这个软件把桌面变成一个盒子：

看清楚了吧，所有的图标都变成了一个个的小方块，而且它们会有重力感应，和其他的小方块可以发生碰撞，还可以堆起来。如果你在桌面上放一个新的文件或者新建一个快捷方式，它们会从你的视野上空落下来，很逼真！桌面上显示图标大小有五种规格，最大支持256×256，是个大盒子~

下面再说正题，软件是英文版的，但有韩语选项，免费，所以设置菜单里面有捐献选项。在软件中，你可以自定义图标的显示效果，背影颜色等等，还能改背景主题，但很可惜的是背景主题不能自定，不过可以在网上下载。

得可惜的说一下，这个软件的网站好像又被封了，反正我翻墙了后就能访问，所以这款软件我就把它放在网盘里面了，感兴趣的小盆友可以下载试试。话说内存占用很大，大概62M，如果你的硬件资源不足，还是不要弄得好。软件对显卡的要求是支持OpenGL，所以一般大家的机器都应该能运行吧~

下面再贴上我演示的一段视频：

下载：Shock Desk 3D （BRSBOX）汉化版好像可以在国内找到，这里就不提供了

访问官方网站：Shock Utility 里面有很多类似的不错的软件

PS：这款软件打造的效果很好看，但是实用性就有持商榷了，不过我还是建议大家能试的试一下~

升级到WordPress2.7

ZH CEXO — Thu, 11 Dec 2008 07:24:36 +0000

本来这种比较轰动的消息会有无数个博主来写的，这次我也来凑个热闹，写一篇，毕竟Wordpress2.7版是一个改变比较大的版本，从开博客接触这个东西以来，我们也有一点使用心得，现在也向大家交待一下升级时候遇到的问题，希望对你们有帮助~

以前从2.5版升级到2.6的时候出现了一点问题的，后来网站因此停止访问整整一天，现在想想也觉得烦，所以每次升级都有点提心吊胆的，然后找到了一款自动升级的工具叫Wordpress Automatic Upgrade这个插件，升级就成了易事，但是这个2.7版不能用那个插件来升级，会出现一个空白页面。

2.7的后台相对于以前的版本来说相当简练，可操作性强，让用户定位各种功能十分便捷，在2.7以前的版本里为了达到同样的效果使用的是Ozh’ Admin Drop Down Menu这个插件，但是在2.7版里这个插件请千万禁用，不然会发生左边的侧栏丢失的情况，如果你在升级前没有禁用所有的插件，并且也使用了这个插件，已经造成了侧栏丢失的情况，请进入这个地址http://yoururl/wp-admin/plugins.php，然后再禁用Ozh’ Admin Drop Down Menu。

再就是Simple Tags这个插件的问题了，你升级了之后，如果Simple Tags这个插件处于启用状态，那么后台的顶部区域会出现提示说Simple Tags这个插件不能用于2.7，请用Simple Tagging来代替。虽然Simple Tagging和Simple Tags是同一个制作组开发的，但是前者并不支持中文的标签显示，而且目前没找到中文版，使用多有不便，所以就有好心的网友开发了可用于2.7版的Simple Tags，基于原版制作，大家可以放心使用。

最后说一下的就是2.7的Google Gears支持放到了“工具-工具”那个项目里面了。

就说这么多了，总结一下

1. 如果存在Ozh’ Admin Drop Down Menu这个插件，请禁用

2. WordPress Automatic Upgrade这个插件不能用了，也没必要再用了

3. Simple Tags for WordPress 2.7下载

PS：怎么感觉Windows Live Writer也不能用了

ZH CEXO's BLOG » 下载

更换Firefox默认查看源代码工具的配色方案

相关阅读

修正一下jQuery插件Colortip在IE6下面的显示问题

相关阅读

推荐截屏软件Lightscreen

相关阅读

发布软件包镜像

相关阅读

发布新主题EasyLine

今天除夕，祝大家新年快乐！

相关阅读

当小白，亲自体验Windows 7

相关阅读

漂亮的3D桌面

相关阅读

升级到WordPress2.7

相关阅读