我的天

参观、挑刺Principe点点模板请猛击这里——http://adelrio.diandian.com/

在开始准备这篇日志之前，我只把我的新点点模板称呼为The Stitch，他Tumblr模板的名字，但现在他有了新名字——Principe。准确的写法应该是“Príncipe”，西班牙语，“Prince”的意思。为什么？哈哈，因为我赋予了他一个深蓝色+黄色星星的背景。在做这个背景的时候我毫不犹豫联想到《小王子》了！于是，直接把这个模板命名为“王子”就好！

这就是我点点的新模板——Principe！

狡猾的我翻到了某页，上面显示的主题是WWE PPV Money In The Bank 2012的海报少年，用这个做Principe的缩略预览图再适合不过了，哇咔咔～～～

有对比有真相，这里是《小王子》的各类作品图片。

从左到右分别是图书、音乐剧和电影。

我的背景么，用的是200*400重复平铺的深蓝色星星图。

今天早上找了1个多小时的PS自定义图形了～～～ 我的首选是古典式的花纹，但没办法，那玩意很难完美拼接。要完美拼接只能找一些本来就比较散乱的图形，最终我到了这些星星，谢天谢地！

19寸宽屏，分辨率1440*900，Firefox 13.0.1下的效果。

没有滚动条，为了这个我尝试了不少次哦。东西简洁清晰明了，但主页的那个主要滑动显示效果不失华丽。

这个模板是修改自Tumblr的The Stitch模板，但又他自己的特色，比如说在IE下的效果更正常了。又比如说增加了实用的层效果。

其中一个层效果在顶部导航栏的“标签搜索”那里。

当鼠标移到那个标签上面的时候左边会显示搜索框架，这样的处理使得搜索标签和其它导航标签看上去更一致，因为呢，如果你使用的是IE9以下的IE，那囧啊。但这样，就“遮丑”了。

第二个层效果我用在列表正文旁边左上方的“关于模板”里。

当鼠标移动到上面会显示出这个模板的信息。这就是我昨天介绍的div-div-a功能。

模板信息本来是绝对固定在模板底部不受滑动条影响的，但因为我的文章页显示方式修改了，那样的设计显然不靠谱。所以我直接把那个抹掉，用现在这种层的方式显示。那玩意不是人人都在意，所以，有心人才会去稍微留意一下。这个修改让模板更浑然一体。

我不喜欢xrspook制造，我喜欢xrspook创造，但我不可能任何层面都非常优秀，所以，有时只能屈服于MOD，但即便如此，也要show出自己的特色。

你感受到我正能量爆发中的小宇宙么？

罪过，今天晚上本打算和妈一起去医院然后再自己回来的，结果太用心研究点点模板以至于妈什么时候走的我都不知道……

昨天的台风严重坑爹，我们很傻冒地“严阵以待”，但是，今天早上发现啥事都没有，就赶紧跑路了。但前天沿江高速发生爆炸，封闭了，我们被迫兜了好大一个圈回广州。足足花了2个小时！虽然路上没有塞车，但用时却是平时的2倍多。

我对省人民医院没什么好感。就像我不崇拜大明星一样，我也不崇拜大医院。那个楼陈旧啊，那个房间陈旧啊，病房小到了一个境界，而那些病床配套的椅子更是历史悠久。或许在我懂事以后我不知道很烂很烂的病房到底是怎么个模样的吧，我看太多米国医务剧了，我看太多香港医务剧了，我只接触过一个广医二院新盖不久的住院楼。

外婆这次是去换心脏起搏器，要做那玩意的手术，通常医院极快就有床位了，前提是你的手术没啥风险，比如说你年纪不大，你没啥并发症神马的。因为，一个1小时的手术，单是那个起搏器本身就已经得花两万到是几十万不等了，不知道这其中的水分有多少，但几天的住院期，一小时的手术就能不知道赚多少，因为起搏器这东西医保是不包的，即便能报销，也只是一点点，所以…… 生命本来是非常宝贵的东西，但无意中却跟臭钱扯上关系，那可真是让人不快。但是，如果能挽救生命，花再多的钱又算什么呢，毕竟钱没有了，还能重新赚回来，生命没有了，绝对没有TAKE TWO了！

今天晚上花了很多时间去研究到底可不可以用一个div的hover属性触发出另外一个div，用div-a-div是肯定能做到的，但这样话，第二个div就不能嵌套a了，因为这是一个错误的写法。但如果用div-div-a的话，就完全没问题。

经过N多次的尝试，我觉得这是一个position:absolute/relative以及display:block/none使用的问题。有例子，有真相

1
2
3
4
5
6
7
8

/*CSS部分*/
 
#side{position:absolute;left:-48px; top:40px;width:50px;display:block;}
#side-tabs {background:url(http://x.libdd.com/farm1/5b7f4a/fbba4837/slide-bg.jpg);text-align:center;padding:5px;font-size:16px;display:block;color:#ccc;position:absolute;}
#side-tabs:hover .side-panel{top:0;left:50px;position:absolute;display:block;width:300px;z-index:25;}
#side-tabs .side-panel{background:url(http://x.libdd.com/farm1/5b7f4a/fbba4837/slide-bg.jpg);left:50px;width:300px;height:40px;display:none;position: absolute;padding:5px;word-wrap:break-all;line-height:1.5em;text-align:left;font-size:small;}
#side-tabs .side-panel a{color:#ffffff;}
#side-tabs .side-panel a:hover{color:#ccc;}

1
2
3
4
5
6
7
8

<!--XHTML部分-->
 
<div id="side">
	<div id="side-tabs">关于模板
		<div class="side-panel">Designed by <a href="http://blog.etcetradesign.net" title="Theme Creator Site">Idraki Muhamad</a><br />Modified by <a href="http://www.xlanda.net/">xrspook</a>
		</div>		
	</div>	
</div>

最重要的是要通过hover被显示的div必须position:absolute，且在非hover的设置下为display:none。利用hover引出第二层div的首层div必须设置为display:block/inline-block，position可以是absolute或者relative。

我不懂js和jQuery，所以我一直在努力研究只用XHTML和CSS解决问题，不是有所有问题都一定能这般解决，但这次，我成功了。

不屈不挠，自己也能成为挽救自己的英雄！

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

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

读书：不能停止学习！有必要我会去读各种电脑方面的书籍/教程。最爱的是小说，外国小说，拉美小说，现实主义小说。开始读一个作者的就会千方百计读完这个作者的所有——金庸，加西亚·马尔克斯，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=”语句，这种故意的低级错误我怎么可能容忍得了呢老天！

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

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

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