我的天

昨晚跟某网友聊天，我说我要买民谣吉他，然后他来了句“你爱好真广泛”，对哦！我的确就是这样的人！

就像我从不挑食一样我的各种发起神经的兴趣爱好根本就没有个底，见一个爱一个疯一个。

读书：不能停止学习！有必要我会去读各种电脑方面的书籍/教程。最爱的是小说，外国小说，拉美小说，现实主义小说。开始读一个作者的就会千方百计读完这个作者的所有——金庸，加西亚·马尔克斯，JM 库切，海明威，米兰·昆德拉，卡夫卡，乔治·奥威尔，略萨……爱读书，也喜欢写读后感。我电影看得比书多，但我写关于书的观后感多于电影的。读后感不是一种被逼迫的东西，是一种自发的、内在非常想做的一种东西。

外语：我英语远称不上好，只能说凑合着；西班牙语更完全不能说懂，水平连西语国家4岁小盆友都比不上，但我却斗胆做英语、西语的翻译，当然，范围非常小，只限定于我感兴趣的东西。还记得从前danzhu说过木棉不懂西语，但却把Yo soy Betty, la Fea 169集全部翻译出来了。我大概就是被这个激励到的吧！不为什么，只为兴趣，不理会别人到底喜欢不喜欢，不管别人嘲笑与否，就只为share，为了把自己心爱的东西传播给更多人。现在正在努力地Rosetta Stone西班牙语学习中。

电脑：我简直是半神人了～～～

MS Office是我的大爱，Excel更是我的最爱。学校老师教的都只是皮毛，最重要的是我总莫名其妙地想出鬼点子，然后自学摸索出很多我觉得是旁门左道的东西，不过，那些不过是Excel的正常功能而已，只是一般人少接触。跟他们相比我仿佛是大神，实际上不然。

不是计算机专业却喜欢写代码，CSS、XHTML、C、VB、PHP准备向Javascript进军，编程什么的很让我心动。

Photoshop，CorelDraw，截屏，GIF制作，ICON制作都是我的常规项目。

视频压缩剪辑是经常干的，但并不是要制作什么短片，纯粹是为了自己的收藏方便。

提取/录制音频是我的涉及范围，截一段出来，转码实在是必须掌握且非常简单。不会听但会抄写出五线谱的MIDI。

体育：乒乓球、羽毛球、毽子、篮球、网球、游泳、旱冰都是我爱，都沉迷过它们好段时间。除了长跑，没啥不喜欢，但如果说到看体育节目，除了高尔夫和台球我一律通杀。

音乐：电子琴、高音笛子、口琴（抽屉某处，至今不会），准备上民谣吉他。

美术：涂颜色经常会涂出边界，读书时候美术成绩不咋的，但却有鬼点子且乐于去实施。比如说在纸/胶板上刻什么图案，比如说喷/印DIY东西。

摄影：我算不上控摄影，但我却总是努力用一些不完全菜鸟的方式去照相。

劳作：大爱木制立体拼图。从前总喜欢把四驱车的马达、电灯、废旧文具、各种盒子拼凑出诸如电灯风扇、等各种电路玩具。喜欢给娃娃、人偶什么的做衣服，虽然很丑。更喜欢用木制立体拼图、模型的边脚料制作小人。这个实在太复杂了，我看到什么想去做的就会去动手改装，虽然大多样子非常那个啥，因为我关注的是功能！

我是个摔迷，是个招式控，是Alberto Del Rio的粉丝。喜欢看Discovery人文纪录片、BBC科学纪录片，也喜欢看美剧，我很容易沉迷上某个系列剧，我是个理性的人，但有些时候却只愿意用感性去看世界。

……

简单来说，xrspook是一个杂七杂八的万花筒，虽然质量不高，但胜在什么都有，因为她总有一颗乐于学习的心。

我真的已经很用力地去想解决“a div a”这个三角恋问题了！不过，还是没想出对策，哭～～～

这“a div a”三角恋是这样的：第一个“a”嵌套着第二个“div”，第二个“div”嵌套着第三个“a”，理论上，第二个“div”肯定被第一个“a”包含，但如果“div”里含有第三层的“a”，那么“div”就会自动脱离第一个“a”的嵌套，第一个“a”和第二个“div”变成同级关系。这会导致什么结果呢？第一层“a”和第三层“a”同时存在！但我的目标是当鼠标滑过div这个片区时只有一种链接即只有第一个“a”起作用，第三层“a”必须的只保留纯文本或者干脆拜拜。

没看懂我上面话的可以直接看源文件：HTML + CSS

这貌似很简单，但我至今没找到对策，尤其是适合各种主流浏览器的（Chrome，Firefox，IE8等）方法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// SH想出了这个
 
jQuery(".postmetadata1").each( function() {
	jQuery(this).html(jQuery(this).html().replace(/<a [^>]*>|< \/a>/gi,""));
});
 
// 我折腾出了这个
 
jQuery(".postmetadata1 a").each( function() {
	$(this).replaceWith($(this).html());
});
 
// 点点的Lei给出了这个
 
$(".postmetadata1").each(function() {
	var str = jQuery(this).html(),
	code = str.replace(/</a><a [^>]*>|< \/a>/gi,"");
	console.log(str);
	console.log(code);
	$(this).html(code);
	console.log($(this).html());
});
</a>

在Firebug看，这三种方法都能把第三层a干掉，不过，三个方法都会把第一层“a”和第二层“div”变成同级，即第一层“a”失效，无法做到当鼠标移过第二层“div”片区的时候出现正确链接。三种方法在Chrome和Firefox下片区链接都浮云了，展示效果一样。SH的方法在IE8下可以实现我的目标功能；我的方法在IE8下显示诡异，第二层“div”片区有第一层“a”的导航但无法打开链接；Lei的方法在IE8下会显示怪异，第二层“div”片区有第一层“a”的导航但无法打开链接，也有第三层“a”的导航且可以打开。各种怪异，各种神奇！！！！为什么用点点的“description|nohtml”就能轻易除去内容里的各种HTML标记，要在浏览器层面单纯干掉这般嵌套的“a”却这么难呢？？？？

期望高人想出解决问题的JavaScript（可以包含jQuery）！

昨晚在电脑前抓了几个小时的头，凌晨1点+才睡觉，今天在早上继续抓了1个多小时，未果，不能再纠结了，我答应了妈要陪她去茶博会的，茶博会今天是最后一天。于是，大概在中午1点，我暂时放下包袱，出门口了。

茶博会么，有茶的，也有咖啡的。今天我花掉了95元，20元的入场费（10元/人），10元的espresso体验（5元/杯，250mL），15元的2罐玄米茶叶，50元1套的250g纯咖啡粉越南滤杯套装送了5条同一牌子的三合一咖啡。妈花了10元买胎菊。最让我兴奋的收获该数各种咖啡的试喝。第一次喝espresso呢！漂亮是有了，但我觉得有点怪怪的，味道有点淡，5元250mL我就不奢求什么了。虹吸式咖啡壶煮出来的波多黎各咖啡，这种波多黎各咖啡酸味挺弱，基本没有，苦味中偏强，苦后会甘。喝了不知道是不是猫屎咖啡的猫屎咖啡，酸味和苦味都要比波多黎各的重，味道也更活泼延绵，苦后甘，但感觉跟我平时喝的不太一样，我不是很喜欢。最痛苦的要数某个意大利咖啡，估计那是要弄espresso的，但没有奶没有发泡，所以，杯具啊～～～ 不酸、苦得很彻底，是我喝过所有咖啡中最苦的！苦完以后还不甘，内牛满面，不习惯咖啡的小盆友别自残试这个，即便30mL都会让你抓狂死…… 现在我仍无睡意，今晚或许要看着蚊帐顶发呆了。可能是我来得不是时候吧，这个咖啡展区已经有很多单位撤场了，而且随着时间的推移，各个商家都在打包降价促销想赶快走人，这有好有不好。

我可以明确地说，我对茶叶没什么爱的，对茶具也没什么爱的。

茶博会出来，本来想去员村的知名外国超市麦德龙见识一下，但那个鬼地方需要会员卡，我那个去！为啥不在门口写？！保安站在入口查会员卡，我分明的木有。这让我想起了很久很久以前机场路附近的万客隆，也就是现在的易初莲花，也是要会员卡，大概是10年+以前的事了，但那时万客隆就已经不免费提供塑料袋，但入场人流依旧变态，那是我第一次见识什么叫做Supermarket！后来，好又多遍地开花了，家乐福来了，吉之岛越来越多了，华润万家、百佳雨后春笋，超市成了普通事物，但第一次的万客隆经历还是很惊艳。今天在麦德龙吃到了闭门羹，很不爽，但总有一次，我会去那里见识的！

下午5点多回到家，继续纠结我的“a div a”三角恋，依旧未果，呜呜呜～～～

抄那么几十个字却让我重抄了3张纸，够恶心的，我有读写障碍，脑子里想的和实际写出来的不一致。但其实，犯这种错误的主要原因是心理压力，因为没有退路不可以抄错，越是这样越容易出错。我的大脑比较习惯指挥我的手打字而不是写字，不过其实，打字我也经常出错的，但打字出错我可以退格，但在那些该死的纸上写错了以后就必须完全重来，无比的蛋痛。

今天啊，神马都回到正轨上了，于是我抽不出时间去料理我的Realeza。

搞不懂国人的网页设计，搞不懂为什么他们可以容忍这样堆砌css和js，一大堆无用的class，为什么这样一个模板居然能拿得出手呢？回想当年，我首先研究的是BlogBus，真庆幸，起码一开始那帮人是靠人肉做的模板，虽然单调，虽然老土，但却实在。我见证着BlogBus的模板从table类转换为div类，真伟大。不过还好，现在我们有Firebug这等利器来帮助我们分析网页，而不是人肉查找css。或许我最初，控时间最长的是css吧，所以，当我看到一个松散堆砌的css我会很恼火。被WordPress那些外国人惯坏了，被W3C的验证给惯坏了，被各种网页评分惯坏了。看上去一样，实际上不然。在一个div里还有“style=”语句，这种故意的低级错误我怎么可能容忍得了呢老天！

不过，我只是一个业余的，吐槽就吐呗，不影响别人的工资。

这个周末我打算玩玩我金色、银色的丙烯颜料，这是我这辈子第一次玩这种闪光的颜料呢，看上去金色比银色炫。

明天就周五了，在进入周末之前还有一个传说中的大搞卫生。

各种奢侈，各种挥霍，今天已经花了整整一个上班时间，>6小时研究我的点点第一个模板“Realeza”，Realeza的原稿点点叫做“画廊”，我只是mod，但这种mod已经超越了一般的mod，从CSS到网站结构都发生变化，这还叫mod么？这到底叫做“创造”还是“制造”呢？

我修改了哪些部分呢？

首先，是文本的首页显示方式。画廊原来显示方式是这样的

鼠标滑过文字的时候木有反应，只有当鼠标到达文本标题（如果文本没标题呢？）或者“发布于”下面的位置时鼠标才会显示出链接指头，囧，不是知情人士还真不容易找到那些“点”啊。

这是Realeza的显示方式

当鼠标划过305*380这个片块区域时都能显示出链接指头，要详细阅读么？进去吧！

看看源代码，到底哪里改进了

画廊代码

Realeza代码

看上去好像是“a href”的位置调换，其实不然，是2个div发生调换了，而且是用a包含了div，这是有风险的，因为如果div里面还含有a那么div自动就不被a包含了，而是和a同级，这样就直接导致了能有a的片块链接效果，但鼠标置于上面即hover的时候没有任何文字描述（div夹的东西都浮云了）或者干脆变形。

同理，文本会有这种情况，图片、视频、链接、音频的显示都会有这个问题。

下面是多图形式的修改。

左边是画廊的，右边是Realeza的

画廊代码

Realeza代码

原理和之前文本的差不多，a和div的调换，不过这里我增加了一个“{$photos.count}张图片”，这个数字对多张图片很重要。

就像一开始玩WordPress一样，我不满意单纯的“上一页”、“下一页”，我喜欢数字导航，虽然“上一页”、“下一页”可以通行于主页和文章页。

修改导航后主页区别如下

文章页区别如下

画廊代码，插在页脚

Realeza代码1，主页代码，插在页脚

Realeza代码2，文章页代码，插在正文

Realeza跟画廊有出入，完成上面操作需要自定义的CSS

基本功能已经实现了，不过，其实我希望主页的片块划过的时候能把各种格式的描述都显示出来，但是描述里非常有可能含有a，也就是a嵌套div再嵌套a，这是不行的，所以，如果要把描述显示出来，首先我要解决的就是把正文里的a变成纯文字，即“超链接”降级为“纯文本”，这通过js应该能实现，但我不是js高手，至今没有对策，各位看懂了的请指点。

如果我还有10个小时，我会把整个XHTML架构和对应的CSS重新整理，那么，我心爱的realeza才真的算横空出世，哇咔咔～～～

自己写的WP模板能通过W3C认证是多么让人兴奋的一件事啊！在不经意间，我居然做到了，有图有真相（请原谅xrspook把网址给涂了，因为网站还在测试阶段）：

W3C最主要的认证分为两个部分，一个是CSS，一个是XHTML。前者我觉得相对简单，但如果你用了CSS3的内容这个以2.1为核对的引擎显然会吃不消给你报错。XHTML认证相对难一点，它能挑出很多非常简单，你却习惯性真理性会忽略的问题：最明显的莫过于在img的括号里，必须存在“alt=”””，你喜欢得写，你不喜欢也得写。在多个网站优化工具中，也会提行你，img的括号里最好标明width和height，那样听说会加快载入速度；又比如，我们总喜欢乱用ul，li，ol，div，p等东西；代码，如空格（&nbsp）你不能无端端地写在XHTML里面，必须找些东西括住，最简单的就是<p></p>否则人家就不知你这是什么东西，得出的结果就是容易出现一些你无法预料的结果。更多认证需注意的问题请移步这里。

国人设计的网站很喜欢加特效，特效就离不开javascript，<script>这东西如果想直接通过XHTML认证是不行的。问了G老师，G老师给我指引了一个外国网站，得出2个方案，要不这样：

<script type=”text/javascript”>
// <![CDATA[

…

// ]]>
</script>

（就是把代码的主体圈起来，我就是这么办的，非常简单）

另一个方案是用引用，把代码独立到别的文件（这个其实才是最好的正解）。

对外国的WP模板来说，W3C是一个潜规则，很多WP模板的教程在到最后的时候都会推荐/提醒设计者把作品拿到W3C那里验证一下，发现问题，根据提示改正，就像小盆友做完作业先给家长检查再拿去交老师一样。

但国内的呢？从代表国内网络最高水平的公信部被按网站开始就是非IE6不可的。有无聊地看过它的源代码吗？CSS是半独立的，内嵌和独立的CSS只关注了字体和链接格式的问题！！！网站基于table设计，不用说，格式的控制肯定是在table内，CSS只是一个例行公事。真的把你汗到云里雾里。代表最高水平的XHTML及CSS测试报告在这里，请狠狠地点击：

国内权威网站的W3C XHTML测试报告
国内权威网站的W3C CSS测试报告

或许国内权威网站给我们一个信息——外国浏览器都别用，电脑也千万别升级，用IE6才是正道。

弱弱地补一句，IE6不是被微软葬了吗？xrspook只能站一旁猛流汗了。

开始写主题，通过认证等都只是个开始，真正的前台设计者还应精通js和ps，虽然接触ps时间不短了，但总觉得自己的艺术触觉有问题，所以，我还是做一些非常简洁的无图主题吧。不喜欢不要紧，因为重点是内容嘛，是不？

守规矩其实挺好的吗，别硬搞中国特色不是很好么。