ZH CEXO's BLOG » 学习经历

如何在一堆框架（Frame）上弹出div层

ZH CEXO — Tue, 03 May 2011 15:25:21 +0000

框架Frame，不知道现在还有多少人会用，至少我学用html到现在，只是知道有这种东西存在，却没见到也没用到过。上周终于碰到个机会让我一窥框架是个啥东西，然后由于项目的需要，我得做个div层置于所有的框架之上，做成下拉菜单的效果。折腾了一下，就记在这里吧。

第一个DEMO展示的是框架，点击这里查看。

用框架来布局这种后台管理类的界面，结构上非常清晰，维护上也应该比较方便，因为每个框架里展示的页面是独立的。但是在一堆frameset和frame上要浮动起一个div层来，我试了一下，基本上行不通。当然，这应该是我水平不够，听凯尔同学说是有办法的，具体我没过问。

那么我把文章标题定成这个，太不负责任了？呵呵，其实我的解决方法是变通一下。既然用frameset和frame搞不定，为什么不用和它们相似的iframe元素来变通一下解决问题呢？我用的就是iframe法。

第二个DEMO展示一个弹出菜单，点击顶部导航中的最后一项“后台导航”即可看到弹出菜单，点击这里查看。

大家应该知道，无论是frame还是iframe中，载入的都是另外一个页面，那么在载入的子页面中弹出的层是无论如何都不可能覆盖到其父元素（iframe）之上的。不过我们需要做的就是欺骗一下用户的眼睛。所以那个弹出层其实是在另外一个iframe中，它属于父iframe所在的那个网页。这样来描述可能有点晕，下面用一张图来说明一下。

图中黑色半透明区域示意的是整个网页结构，在浏览器中载入的话，就是index.html。然后这个页面里有三个iframe，上面的一个载入index_top.html，左边载入的是index_menu.html，右边载入的是index_body.html。代码如下：

这里用行内样式来指定z-index的值，是为了方便弹出的层。本来应该是在index_top.html中，点击一下按钮就弹出一个层的，但是弹出层不会跑出外部的iframe，所以肯定不能这样。因此我在index.html里面新增加了一个div和iframe，让弹出的层显示在div#top和div#bottom之上，再让index_top.html里点击的动作触发一下index.html里面的js函数，以达到弹出的效果。代码如下：

初始状态肯定不能让弹层显示，所以用css控制显示为不可见，display:none。另外请注意div#popupmenu里面那个iframe行内的allowtransparency属性，没有它，IE6下弹出层背景不是透明的。之后再写一个简单的js函数，让点击的时候切换一下display的值。代码如下

function showPop(){
	document.getElementById("popupmenu").style.display = 'block';
}
function closePop(){
	document.getElementById("popupmenu").style.display = 'none';
}

最后就是把这个函数绑定到按钮上了，代码如下：

后台导航

上面代码包含了子iframe中调用父文档中javascript的方法。虽然我推荐使用分离式的html和javascript，不过这里只是举个例子，所以使用的是行内的动作绑定。

后来我看了几个网站的这种界面，比如QQ邮箱、网易邮箱、WordPress后台管理页面，有的是用div模拟的框架（WP后台），有的也是iframe（QQ邮箱），也有用table来模拟的（网易邮箱），而不是frameset和frame，不过随便怎么样解决都行，结构清晰，便于维护就是好代码。

最后留下的问题就是，我的解决方法在Linux下的Chrome dev版本中无效（其他没测），残念……

又折腾了一次可能会用到的Ubuntu

ZH CEXO — Sat, 21 Aug 2010 10:10:11 +0000

关于Ubuntu，我在博客上也写过，大家参考一下TAG就知道，反正每次折腾它留下的都不是快乐的记忆，所以打算不再弄它了。但有些东西，可能用Linux的话能更简单更有效的完成，我就又把它装在了电脑上，依然不是什么快乐的记忆，所以写下来，希望以后要是有问题了重装系统能作个参考。

1、安装以后使用Windows 7的BCD作启动管理器

要说启动管理器，对Linux熟悉的人都喜欢GRUB吧，但这个我不熟悉，特别是10.04版的Ubuntu用的是GRUB2，所以我选择Windows 7的BCD来作启动管理。这倒不是说我对BCD有多了解，而是因为EasyBCD这个软件很赞，不用去管复杂的命令行就能轻松操作BCD菜单。不过EasyBCD很久没更新了，一直是1.7.2版，如果用这个版本来制作Ubuntu10.04启动，会失败的，所以请安装它最新的版本2.0.2。

如何安装Ubuntu10.04？我用的是U盘安装的方式，去下载一个叫unetbootin的软件，把Ubuntu的ISO镜像做成能在U盘里面运行的LiveCD。之后的安装方式和以前的没有区别，网上可以搜索到一大堆的安装过程，需要说明的一点是，在开始安装的最后一步，请把GRUB安装到你的Ubuntu所在的盘里，而不是默认地放在C盘，这一点要注意，不然有你哭的。安装过程很快，装好了就重启，当然BCD菜单里面暂时没有进入Ubuntu的选项，所以先进Windows吧。进入Windows后，启动EasyBCD2.0.2版，然后按下图设置：

要注意的是Type里面请选择GRUB2，不然会反复重启，Name自己取，Device选择你Ubuntu所在的盘。

2、安装之后如何上网？我只能用TP-LINK的TL-WN322G+ V2.0这块无线网卡联网，但Ubuntu不认它

相比而言，用电信设置起网络来比在学校里设置锐捷容易得多，但网卡不能被识别也恶心了我一阵子，找了半天的解决方法，总结如下：

先请自行在Windows下搜索ndiswrapper-common（最新版为ndiswrapper-common_1.56-2_all.deb）和ndiswrapper-utils（最新版为ndiswrapper-utils-1.9_1.50-1ubuntu1_i386.deb）这两个文件，下载到自己的电脑里。然后在我的网盘里面下载这个TL-WN322G+的Windows版驱动。这里你会说？为什么是Windows的驱动？因为Linux下没办法正确辩认出这个硬件并正常使用它，所以我们借用ndiswrapper这个软件，把Windows下的这款网卡驱动包装成Linux下可用的驱动，变向解决上不了网的问题。当然啦，并不是所有的硬件都可以用ndiswrapper包装Windows下的驱动正常使用。安装好两个deb文件后，把驱动解压到一个目录里，比如桌面，然后启动命令行，进入桌面目录，使用以下命令进行包装：

ndiswrapper –i netathur.inf

包装完毕后，可以用

ndiswrapper –l

这个命令来看是否已经包装好了，包装好的话会出现driver install的字样，失败的话则出现invalid driver字样。如果装好了，那么第一件事就是卸载好系统自带的Net Manager。Net Manager这个软件是我用过的最差劲的Linux程序了，以前在校园网下面也是它的问题解决不了，现在用无线，这鬼东西却又不支持WPA2的加密方式，卸载卸载，早卸早超生。卸载掉以后，安装WICD无线网络管理器。至于WICD在哪里下载，点这里点这里。安装好了以后，在通知栏的地方WICD取代了Net Manager的位置，然后连接吧，很容易，像在Windows下一样容易。

能联网了，最先做的当然是更新和安装语言支持啦。

3、桌面和程序的问题

先上一张我Ubuntu下在桌面

基本上和Windows下的布局一样，我不习惯Ubuntu10.04下的关闭、最大化、最小化按钮在窗口的左边，也不习惯屏幕上有上下两个工具栏，这样很影响宽屏用户的体验，所以都弄成Windows这样的吧。软件方面，也上张图：

浏览器其实是Firefox，这个Swiftfox是为CPU优化过的Firefox，使用上和Firefox无差别，配置也是共享的。下载工具没有迅雷，快车也很赞，另外，amule也相当好用。至于OpenFetion和Empathy，也都很优秀，就是没有让我顺手的处理图像的工具。GIMP我不习惯，WINE个Photoshop CS2也是乱码一堆堆，有个移植过来的Paint Mono（Windows下为Paint.NET）也老爱卡死，所以要代替我日常的需要，Linux还差得远。

后记

写这个没什么目的，就是想记下折腾的过程，方面以后重装Ubuntu。另外总结的一个教训就是，要使用什么都先查清楚，在Windows下把deb软件包都下载到本地方便在Ubuntu下安装，免得老要重启。Ubuntu我不常用，装着只是为了适应一些需要，之前的折腾已经让我失去了新鲜感，所以该怎么用着就怎么用着吧。

你不会成为设计师的10个原因

ZH CEXO — Sun, 25 Jul 2010 17:04:11 +0000

你认为成为一个设计师很容易吗？你在学校受教育（有些人甚至跳过了这一环节），或是找到了一份工作，或是开始自己的自由职业，然后为别人做出一些看起来很酷的作品来赚钱。

这样就是设计师了。

或者是别的什么？

要成为一位出众的设计师——就像在任何别的行业干得出众一样——需要进行大量的实践，努力的工作和奉献精神。如果你是一位学生并且正在犹豫是否要把设计作为主业，或至少想知道走这条路是否正确。或者你已经是一位设计师了，但你正在踌躇作为设计师，这个职业是否真正适合你。

那么看了这篇文章之后，然后找到了几个你不能成为设计师的原因，这也没什么大不了的。

1、你没有艺术美感

我知道这看上去是不需要进行思考的，但它是值得探讨的。有些人一直持有一些心态，设计师和艺术家是两种完全不同的类型的人，仅仅在某些方面有相同之处。

但事实上，这种观点和事情的本质相差甚远。设计师就是艺术家——至少他们应该成为艺术家。正因为很多设计师工作在电脑前，所以这并不意味着他们的工作不涉及到现代的艺术过程。

很多优秀的LOGO和网站的设计都是从空白纸上画的草图开始的。但如果你花时间去关注它们，你就会发现很多设计师们使用这些软件直接开始艺术设计，比如Photoshop和Illustrator——设计领域的行业标准软件——都具有绘画风格的特点和专业术语。

2、你并没有设计的激情

要成为出众的设计师，你需要有进行创意的激情。拥有激情并不仅仅是喜欢或者容忍某些东西，有了激情，它会助你开足马力，让你渴望创造更多。

如果你对成为设计师没有太大的热情，还是别做设计师了。

对于许多设计师来说，倦怠是一大障碍。如果对着同一种类型的工作持续地工作几个月的话，你就会感觉到倦怠，但这时，激情将成为助你前进的动力。

3、你很容易分心，并且当你遇到交作品的截止日期时心神不宁

做设计一般需要你在相当长的一段时间里保持专注，但这并不是说有多动症的人就不能成为好的设计师，甚至很多人认为有多动症的人对于他们感兴趣的东西会保持高度的专注——这是个很大的优点。

你正在为本地一家广告公司作规划？那么扪心自问一下，如果你的规划截止时间要到了，你还能静下心来对着枯燥的要求，认真添加阴影效果、消除人物皮肤瑕疵、调整版式，并且将广告或者海报上的色彩组合发挥到尽善尽美？有时候还会花掉你周末的时间呢？

别误会，设计不是说让你一直工作不要休息，但有时候你就是要为了集中精力完成某个任务而花掉你的休息时间。

4、你不怎么会沟通

你与别人相处得如何呢？你的团队合作能力怎么样呢？如果这些问题听上去有些耳熟，那你一定在近几年找过工作。现在的企业主对沟通能力日益重视，对设计也应该如此。

有时候你可能会单独工作，但同样有时候你需要进行团队合作，接受意见，提出建议等等。

当我说要做个好设计师就要做个好沟通者时，并不只是说有效地和客户交流或是与你合作的人交流，同样要和工作本身关联。毕竟设计的本身是一种传播形式——唯一不同的是，设计是视觉上的，而不是口头上的。

5、你不能很好地回应批评

当有人向你提出，你的作品还有改进的余地时，你会想给他一巴掌吗？批评——然后将这些批评收集起来并纳入到你的项目中做得更好——是设计中的日常行为。

显然，你不可能一整天地给提出批评的人耳光，所以应该去了解批评在你的设计上扮演的角色。没人喜欢别人说自己的点子不好，但有时这并不值得争论。

如果你是位自由职业者，比如，你的客户（他不是设计师）想让你改一下作品，尽管可能改后并不好，或者给你一些残忍（即使不准确）的批评。那你只要想到，我能在这个项目上赚到钱，心里还有什么不爽的呢？

另外，如果你做内部设计工作，你的上司很可能会站在你的身旁，告诉你什么可行、什么不可行（即使你不赞同他的观点）。这就需要时间来缓和，直到你高升的那天，你可以对别人发号施令了——但同时，你能冲破羁绊吗？

6、你不会出谋划策

设计师需要奇思妙想就像考拉需要桉树一样——如果你不具备有效益的奇思妙想的能力，那还不如死了好。

每个设计项目都是从一个想法开始的。原创就是设计中的一切。即使是最好的设计师，脑袋有时也会卡壳，但真正出众的设计师会战胜途中的一切困难，保持强劲。

所以，如果你精神上像开着坦克一样有铲平一切的决心，你能成为一位出众的设计师，但如果你开的是一辆小丑的车那就……

7、你总是杂乱无章的

设计需要良好的组织能力，你不应该感觉惊奇。从你的工作区开始，如果你在一个有组织的环境下工作，就很容易找到你想要的东西，而且你会更加富有成效。但还没完。

你应该将你的日程安排好，但还不够，远远不够——设计本身就是一个组织性的任务。你按某种方式组织好信息，让看你作品的人懂你的理念。设计在很大程度上，是视觉艺术和科学的交融。

8、你很懒惰

懒惰是做好设计的天敌，同学们，我现在不想为你打破它。夏天去的地方最重要的事就是能赶上白天的电视节目了。一旦你毕业了，工作将是全职的。

如果你把设计作为职业生涯，你将有不得不完成的任务（惊！）。这就像学校里面的功课，你不及时上交就会得到F评级或是被解雇。就这么简单，真的。

如果你想以专业设计师来赚钱，你就必须工作，而且不单是工作，还要做好它。要做好工作，就必须得投入时间进行实践，而不是放弃。

9、你讨厌不能活动的工作

设计不是跑步、游泳、爬山或是滑雪。这不是一个让身体劳累的工作，你的大多数时间就是坐在椅子上对着你的显示器、鼠标、键盘和手写板而已。

如果你想保持身体健康，得花费你自己的时间去锻炼。

10、你不喜欢学习

如果你在大学里勉强度日——让我们再真诚些，这不是在讲火箭科学，设计是世界上最简单的专业之一——那么你可能不喜欢我接下来要说的东西。

设计需要花费一生进行不间断地学习来保持其相关性。有的人喜欢学习（特别是如果他们热爱他们的工作），但另一些人可能不喜欢学习，避而远之。

新版本的程序马上就会开发出来，新的技术也会诞生，设计师必须学习如何创造新的媒体。学习新鲜事物并改变你旧的设置方式（如果有设置方式更是作为一个设计师的选择）占了工作的绝大部分。

一些赠别

设计，同其他任何专业，都要有奉献精神。如你真对设计充满了激情，应该只考虑作为一个设计师的职业生涯，有很强的沟通能力，能把自己和信息组织良好，并且喜欢学习新的事物。

Refer Six Revisions

我的废话

看完文章，我表示压力很大，但回过头来看看作者开头说的，还是该怎么努力怎么努力吧！

让每位Windows用户备张Ubuntu Live CD的四个原因

ZH CEXO — Thu, 22 Jul 2010 04:16:12 +0000

很多人觉得Ubuntu没用么？那么请再斟酌一下，Ubuntu其实是处理电脑故障极其有效的工具，即使你是一位Windows纯粹用户。Ubuntu Live CD能够从CD上完全加载系统，给你一种Windows无法使用的方式去操作电脑，特别是在Windows系统完全崩溃不能启动的时候。由此，我建议每位Windows用户手边备一张Ubuntu Live CD，即使你从来没想过从Windows切换到Ubuntu。Ubuntu是免费并且易于获得的，你可以去下载镜像后自己刻录成光盘，或者再觉得麻烦的话，可以在线索取免费的光盘。这样一来，你总该没理由不关注一下这个完全免费的家伙吧，下面让我们看看即使不想安装Ubuntu，也能用它做的一些事情。

从无法启动的系统中恢复数据

当你的Windows系统无法启动、甚至无法进入安全模式的时候，那很容易让人感到无助。但如果你手边有一张Ubuntu Live CD，你就没必要这样担心了。你需要做的就是从光盘启动这个系统，然后就能访问你硬盘中的任何文件，这样可以帮你解决一下问题吧，只要你愿意，你完全可以把所有重要的文件都备份下来，然后再重装Windows系统。如果你想更深入地了解这种用法，并且想知道如何刻录一张Ubuntu Live CD，请参考Varun的文章——《如何从无法启动的电脑中备份出自己的文件》，里面写了许多有用的信息。

使用Memtest

如果你的电脑宕机得很频繁，你很容易怀疑是软件的问题，但如果你的电脑宕机得并不频繁，你得怀疑一下是不是内存芯片出现问题了。如果你怀疑是内存出了问题，手边又有一张Ubuntu Live CD，那么你真幸运，Live CD里面有Memtest。启动Live CD，当屏幕上出现了键盘图标时，按一下回车键，然后从选单里选择Memtest就能检测RAM了。如果你的内存的确存在物理上的问题，那么这个时候，你该考虑换一块新的内存了。

想了解更多关于Memtest的特性，请参考《About Memtest》这篇文章，同样来自于Varun。

了解关于硬盘的信息

电脑崩溃的另一个原因，或者有时候电脑变得很慢，可能都是由于硬盘驱动器有问题。如果是这样，Ubuntu中有两个非常好的工具来检测你硬盘的健康状况。第一款工具就是Disk Utility，点击屏幕上方的“系统”——“管理”就可以看到。这个程序能够告诉你与电脑相连接的磁盘是否有物理损坏，并且能让你访问SMART DATA和其他关键的统计信息，以便让你知道磁盘的使用寿命。

另外一个极好的工具就是Disk Usage Analyzer，你可以在顶部的“程序”——“附件”里面找到。这个工具能够扫描任何驱动器并且以图形的方式显示空间使用相关的信息。你也会惊讶于我有几次碰巧看到了有人在他的磁盘里面复制粘贴了整个音乐文件夹。使用这个工具查找到多余的那些文件，然后在文件管理器中删除它们。

编辑分区

Ubuntu Live CD中还有Gparted程序，一个功能强大的磁盘分区工具。如果你想重新分配Windows分区的大小，或者将一些空闲的空间分割为第二个分区，这个工具就是你想要的，这也是Ubuntu在Live CD形式运行的特别之处，可以在Windows内部编辑主分区。

在顶端的“系统”——“管理”中找到Gparted。如果你对Parition Magic或类似的程序很熟悉的话，使用Gparted会得心应手，如果你不太熟悉，我以后会撰文写关于Gparted的内容。

结语

你需要Ubuntu CD来做这些事么？不，我肯定很多评论会提出一大堆其他的替代方案。但我只想说，如果你手边有Live CD，你可以很容易做所有这些事。正由于Ubuntu是免费的，所以我想这不失为一个好选择。

Refer Makeuseof.com

我的补充

替代方案我不想多说，大家会有一大堆，但我只想说，老外那里免费的东西金贵，在我们这个神奇的盗版猖獗的国度，不知道多少人会考虑这种方案。

WordPress子主题（翻译）

ZH CEXO — Tue, 06 Jul 2010 15:03:16 +0000

WordPress的子主题继承其他某个主题（父主题）的功能，允许你对父主题进行修改，增加其他功能等。本文将指导你如何创建一个基本的子主题，并阐释你能用它做什么。作为例子，本文使用WordPress 3.0的新默认主题Twenty Ten作为父主题。

制作一个子主题非常简单，创建一个文件夹，然后将一个格式正确的style.css文件放入里面，你的子主题就做好了！只需要懂得一点点HTML和CSS的知识，你就能使用这个基本的子主题对父主题进行样式、结构等任何程度的修改而无需改变父主题自身的文件。这样，当父主题升级更新后，你的修改也会被保留。

基于这个原因，我们推荐使用子主题对一个主题进行修改。

如果对PHP、WordPress模板和WordPress插件API有个基本的了解，你几乎可以用子主题对父主题的每一个方面进行扩展，并且，依然不用改变父主题自身的文件。

目录结构

子主题放在wp-content/themes目录下属于自己的目录里。下面的结构显示的就是子主题和它的父主题（Twenty Ten）在典型的WordPress目录结构中的位置：

public_html
- wp-content
  - themes （主题存放的目录）
    - twentyten （示例中父主题Twenty Ten的目录）
    - twentyten-child （子主题存放的目录，可以任意命名）
      - style.css （子主题中不可或缺的文件，文件名必需为 style.css）

这个文件夹里面可以少至只包含一个style.css文件，也可以包含多至一个完整WordPress主题所拥有的文件：

1. style.css（必需）

2. functions.php（可选）

3. 模板文件（可选）

4. 其他文件（可选）

让我们看看它们是如何一一起作用的。

必需的style.css文件

style.css是一个子主题唯一必须的文件。它的头部提供的信息让WordPress辨认出子主题，并且重写父主题中的style.css文件。

对于任何WordPress主题，头部信息必须位于文件的顶端，唯一的区别就是子主题中的Template:行是必须的，因为它让WordPress知道子主题的父主题是什么。

下面是一个style.css文件的头部信息的示例：

/*
Theme Name:    Twenty Ten Child
Theme URI:     http://example.com/
Description:   Child theme for the Twenty Ten theme
Author:        Your name here
Author URI:    http://example.com/about/
Template:      twentyten
Version:       0.1.0
*/

逐行的简单解释：

Theme Name（必需的）：子主题的名称

Theme URI（可选的）：子主题的主页

Description（可选的）：子主题的描述。比如：我的第一个子主题，真棒！

Author URI（可选的）：作者主页

Author（可选的）：作者的名字

Template（必需的）：父主题的目录名，区别大小写

Version（可选的）：子主题的版本。比如：0.1，1.0，等

*/ 这个关闭标记的后面部分，就会按照一个常规的样式表文件一样生效，你可以把你想对WordPress应用的样式规则都写在它的后面。

要注意的是，子主题的样式表会替换父主题的样式表而生效。（事实上WordPress根本就不会载入父主题的样式表。）所以，如果你想简单地改变父主题中的一些样式和结构——而不是从头开始制作新主题——你必须明确的导入父主题的样式表，然后对它进行修改。下面的例子告诉你如何使用@import规则完成这个。

一个子主题的范例

这个例子中的父主题是Twenty Ten，我们喜欢这个主题的几乎每个部分，除了网站标题的颜色，因为我想把它从黑色的改成绿色的。使用子主题的话，只用完成以下三个简单的步骤：

1. 在wp-content/themes目录下创建一个新目录，并将它命名为twentyten-child（或其他你喜欢的名称）

2. 将下面的代码保存在名为style.css的文件里，并将它放到新建的这个文件夹

3. 转到WordPress的控制台>主题，然后激活你的新主题：Twenty Ten Child。

/*
Theme Name:    Twenty Ten Child
Description:   Child theme for the Twenty Ten theme
Author:        Your name here
Template:      twentyten
*/
@import url(“../twentyten/style.css”);
#site-title a{
    color:#009900;
}

下面一步步解释上面代码的作用：

1. /* 开启子主题的头部信息。

2. Theme Name: 子主题名称的声明。

3. Description: 主题的描述（可选，也可被省略）。

4. Author: 作者名字的声明（可选，也可被省略）。

5. Template: 声明子主题的父主题，换言之，父主题所在的文件夹的名称，区分大小写

6. */ 子主题头部信息的关闭标记

7. 用@import规则将父主题的样式表调入

8. #site-title a定义网站标题的颜色（绿色），覆盖父主题中相同的样式规则。

注意@import规则

需要注意的是，在@import规则之前没有其他的CSS样式规则，如果你将其他的规则置于它之上，那么它将无效，并且父主题的样式表不会被导入。

使用 functions.php

不像style.css，子主题中的functions.php不会覆盖父主题中对应功能，而是将新的功能加入到父主题的functions.php中。（其实它会在父主题文件加载之前先载入。）

这样，子主题的functions.php提供了一个灵活稳定的方式来修改父主题的功能。如果你想在你的主题里加入一些PHP函数，最快的方式可能是打开functions.php文件然后加入进去。但那样并不灵活：下次你的主题升级更新了，你加入的新功能就会丢失掉。相反地，如果你使用子主题，将functions.php文件放进去，再将你想加入的功能写进这个文件里，那么这个功能同样会工作得很好，并且对于父主题以后的升级更新，子主题中加入的功能也不会受到影响。

functions.php文件的结构非常简单：将PHP起始标签置于顶部，关闭标签置于底部，它们之间就写上你自己的PHP函数。你可以写得很多，也可以写得很少，反正按你所需。下面的示例是一个基本的functions.php文件的写法，作用是将favicon链接加入到HTML页面的head元素里面。

’ . “\n”;
}
add_action(‘wp_head’,’favicon_link’);
?>

给主题作者的提示。事实上子主题的functions.php首先加载意味着你的主题的用户功能可插入——即子主题是可替换的——通过有条件地进行声明。例如：

if (!function_exists(‘theme_special_nav’)){
    function theme_special_nav(){
        // Do something.
    }
}

用这种方式，子主题可以替换父主题中的一个PHP函数，只需要简单地对它再次声明。

模板文件

模板文件在子主题中的表现和style.css一样，它们会覆盖父主题中的相同文件。子主题可以覆盖任何父主题模板中的文件，只需要创建同名文件就行。（注意：index.php在WordPress3.0及以上版本才能被覆盖。）

同样，这项WordPress的功能允许你修改父主题的样式功能而不用去编辑父主题的文件，并且你的修改能让你在更新父主题后继续保留。

下面是一些使用模板文件的子主题的例子：

增加一个父主题没有提供的模板（例如：网站地图页面的模板，或者一单栏页面，它们在页面编辑，模板选择里是可用的）

增加一个比父模板更加具体的模板（见模板级别）。（例如：新加的tag.php模板用于按tag归档的文章来代替父主题中通常的archive.php模板。）

替换父主题中的一个模板（例：使用你自己的home.php来覆盖父主题中的home.php）

其他文件

除了style.css，functions.php，index.php和home.php，子主题可以使用任何正式主题使用的类型的文件，只要文件被正确链接。打个比方，你可以使用在样式表里或者Javascript文件里链接的图标、图片，或者从functions.php文件中调用出来的额外PHP文件。

Refer Child Themes in WordPress Codex

换掉旧主题，正式启用Dark Spring

ZH CEXO — Fri, 14 Aug 2009 05:44:22 +0000

就这样，慢慢地打磨我的新主题，很做了一段时间，因为自己的水平有限，再者想尽力把它做好。上次的小图大家没有看清楚吧，这次总体的效果又如何呢？

LinxoV1这个主题是我一年以前做的，当时刚学习CSS不久，就着新鲜劲就做了出来。以前我做主题都没用什么框架来着，XHTML都自己来写，然后关于代码的SEO我也完全不懂，反正最后觉得不错就行了。但是真正做的时候就免不了这里加个div，那里删个什么标签的，很费事，效果也不是很好。这次的主题我使用sandbox主题框架，只进行了小小的修改。不用Hybrid框架的原因是，一来资料很少，二来非得安装Hybrid原主题才能正常工作。而我使用sandbox，就可以作为一个单独的主题拿出来了。

很有一段时间没有碰CSS了，发现很多代码都忘记了，幸好Dreamweaver有代码提示，为我省掉不少事情。但我做主题还是解决不了IE下面的显示问题，唉……这次又找sofish童鞋帮我处理了导航条在IE7下面的显示问题，并且提供了文章自动截断的方法。但这个主题头部在IE8和Opera下，背景图片还是有1px的偏移，我修改不了，拉倒算了……还有，为了早日淘汰IE6，我也作一份贡献吧，加上了~~IE6 no more~~的代码(换成了mg12的Let’s Kill IE6了)，只是个提示作用，关掉提示网页依然可以用，当然效果比高级浏览器差多了。

本来我做这个主题有一个目的就是减少插件的使用数目，比如显示评论最多的文章和随机文章等等，但是评论最多的文章好解决，而随机文章的代码一放到主题里面，评论和文章就不配套了，这个问题很苦恼了我一阵，后来去掉了一切正常，看来WebDesignerWall里面提供的代码也不是完全好用啊。关于评论部分，我想了半天不知道怎么来设计，后来就来个简洁的算了吧，也节省点代码。至于Ajax评论功能和网页动态效果什么的，本来也想加上去的，算了，毕竟那不是我的设计，而且可要可无，博客的质量在于文章嘛（说这句话我怎么觉得在打自己的脸……囧……）~~

现在写文章真难产，而且我的事情又来了，这可如何是好？？

完成新主题Dark Spring的主页部分

ZH CEXO — Tue, 04 Aug 2009 04:21:48 +0000

我的博客开了一年多了，以前挺勤快，现在很懒了，懒得连主题都不想换了……这个LinxoV1主题也就这样跟着用了快一年的时间。趁着放假我的兼职做完了，还剩下几天的时间就要去学校，我就合计着想做一个新主题。话说以前做主题的时候我几乎直接code，心中没什么设计图，想到哪做到哪，结果做出来的东西要一次又一次不停地修改。但这次，我先做出了我博客新主题的psd设计图，再来code，希望能做得好一点。

因为我这个人没有艺术功底，也没有创新能力，所以我的主题设计是参考了很多主题后综合而来的。然后拿着设计图，我在想用什么当作主题框架。要说我真想用的框架是Hybrid，但是和它相关的资料太难找到了，而且有的要收费，并且做出来后，我的子主题对它的父主题依赖挺大的。最后我还是选择了sandbox，需要些什么功能就Google一下，然后再加进去吧。

下面的预览图不是我的PS图，而是已经完成的主页部分code在Firefox3.5下的真实效果。具体这个主题会做成什么样子，以后大家再看吧。就目前来说，进度可能才20%，因为内容页等其他的页面不是很好做。而且我现在开始就不再继续做了，开学有考试，再不看书就玩完，我可不想把报名费扔掉。所以目前，我就继续用LinxoV1主题吧。

下面是预览图：

有什么意见和建议可以提，因为主题未完成，比较容易修改。在IE下简单地看了几眼，我有跳楼的冲动……

发布新主题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下面测试样式基本一致，如有问题可留言提出。

下载 | 主页 | 内容页

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

ZH CEXO's BLOG » 学习经历

如何在一堆框架（Frame）上弹出div层

相关阅读

又折腾了一次可能会用到的Ubuntu

1、安装以后使用Windows 7的BCD作启动管理器

2、安装之后如何上网？我只能用TP-LINK的TL-WN322G+ V2.0这块无线网卡联网，但Ubuntu不认它

3、桌面和程序的问题

后记

相关阅读

你不会成为设计师的10个原因

1、你没有艺术美感

2、你并没有设计的激情

3、你很容易分心，并且当你遇到交作品的截止日期时心神不宁

4、你不怎么会沟通

5、你不能很好地回应批评

6、你不会出谋划策

7、你总是杂乱无章的

8、你很懒惰

9、你讨厌不能活动的工作

10、你不喜欢学习

一些赠别

我的废话

相关阅读

让每位Windows用户备张Ubuntu Live CD的四个原因

从无法启动的系统中恢复数据

使用Memtest

了解关于硬盘的信息

编辑分区

结语

我的补充

相关阅读

WordPress子主题（翻译）

目录结构

必需的style.css文件

一个子主题的范例

使用 functions.php

模板文件

其他文件

相关阅读

换掉旧主题，正式启用Dark Spring

相关阅读

完成新主题Dark Spring的主页部分

相关阅读

发布新主题EasyLine

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

相关阅读