2011-12
12

Dos Caras Jr.面具墙

By xrspook @ 19:36:56 归类于: 烂日记

今天不知为啥挺闲的,一个下午都没事干,于是我就拿了一个下午来为面具填色。

配色么,不是我随便编的,是按照Dos Caras Jr.的各种照片modified出来的。为啥说mod?因为这孩子喜欢各种亮眼颜色,尤其喜欢用金色和银色。这两种颜色么,今天之前我都不知道该怎么折腾出来,到现在为止我都没想明白该如何表达。因为如果它们不能闪的话,金色=土黄,银色=中灰,很杯具哦~~~ 以前我从来没有考虑过这等问题,试问玩水粉水彩的小学初中时代哪会考虑金色银色这种东西,都是看菜吃饭的,看自己的那盒颜料有啥就用啥。

今天么,发现在印刷业还是没有完美解决金色银色的方法,于是只能用假金色和假银色代替。今天我是这么凑合的:

金色:RGB-244-208-93 / CMYK-5-20-70-0
银色:RGB-211-212-213 / CMYK-20-15-14-0

这孩子还喜欢用一些奇怪的颜色,什么荧光粉红啊,荧光绿和荧光蓝的混合啊,还有一些我完全叫不出名字的带纹理闪光料……简单来说就是搞死人!

所以啊,我只能凑合了,还有就是色差,每个人对同一个颜色都会有色差,有/无闪光灯又会形成色差,N多的主观客观原因导致我肯定不能100%地反映出我所看到Dos Caras Jr.众多面具的真实颜色,不过,我又不是扫描,只是在做一个有点像漫画化的东西,有点扭曲也是可以接受的。

一共是30个上了色的面具!之前我没想过要弄30个的,但弄着弄着,抄着抄着配色就30了。以下就是面具墙!!!!

弄出这个东西后我不禁要问,到底一个墨西哥摔角手一辈子有多少款面具呢?当然了,对于路人甲而言,可能他们连属于自己款式的面具都没有,更说不上不同颜色不同材质不同款式。也挺佩服观众的,摔角手的面具可能每个晚上都变化,他们怎么认出谁是谁的呢?又或许谁和谁根本不重要,他们分清楚rudo和técnico就可以了。

填色的时候其实我并没有打算做面具墙,我只想做一个闪到你晕过去的gif!而做这个gif的目的只是为了让“每日GIF”这个栏目有decent的我自己的东西。

心脏不好请绕开最后的这张480*520大小的GIF:

2011-12
8

过了一把CD瘾

By xrspook @ 18:44:45 归类于: 烂日记

成长是件非常过瘾的事。有时你刻意去让自己进步,但收效甚微,有时你乱碰乱撞,却偶尔会“食屎食着豆”。不过,无论是没啥效果还是效果显著这都需要很多付出N多努力。记得英叔说的那句成功是个结果,失败也是个结论。

昨晚有点无聊,于是就整理了一下图片,以下面两个图为蓝本玩起了CorelDraw。

CD让我害怕,没有看过正规的教程,都是用到哪里学到哪里,不过,我真的对软件本身感兴趣哦!多年以来的瞎折腾让我有瞎折腾的本钱。回想这么多软件下来最让我头痛的应该是AutoCAD,不同版本的烦恼,各种字体的烦恼还有就是默认你必须非常懂快捷键否则会成白痴的烦恼。

这不是我第一次玩CD,第一次是为了画某个“鹰头”。当时的想法是用图形拼凑,但对于非规则的图形有点麻烦,各种曲线简直让人抓狂。但昨晚上我像上了身一样,突然把那些神马曲线都运用得非常自如,我爱CD的3点曲线爱得发狂了。之前一直不知道该怎么让一段段的线连起来,昨晚我居然偶然抓到规律了!!!!!首先,如果你一直是在画三点线,那么画完一条你后你啥地方都别乱点直接按左键在结束点继续开始第二条就行,这样的话,两段线默认是连在一起的,没有任何缝隙,非常的完美!但我要画的是面具,是个对称图形,所以如果真的手工画两半就太笨蛋了,肯定是画一边然后镜像。镜像结束后,两半图形总是会有接口的,接口怎么办?嘿嘿黑,首先用“选择工具”选择全部线条,按“组合”,然后呢,你就可以按“形状工具”,这个鬼东西有个“闭合曲线”的选项,你要做的就是把端点“拉扯”到一起,当两个端点重合的时候端点自动就合并为一个点,原来的“接口”完美对接鸟!

其实我还是有点没完全吃透的,就是这般闭合线条后往往会导致图形的其它部位出小状况,这大概是我没有用“组合”功能,拉扯后导致变形吧。但这都问题不大,在出图之前再检查多几次然后用“形状工具”微调就好。

这就是我的作品!蓝底红色的是昨晚弄的(矢量.cdr文件下载),黑底白色的是今天弄的(矢量.cdr文件下载)。你知道么?昨晚那个我折腾了近3个小时,但今天这个,我半小时就KO了。我真的上手了!从前,我最讨厌曲线了,但现在,我大爱这个玩意。

从来没有人能逼我学这个学那个,很多东西我都是凭借莫名其妙的兴趣开始的,所以当你要起某样东西,而我又能轻而易举地拿出时,别惊讶,因为在我轻松的背后或许我已经付出了无数个小时练习到达某境界了。羡慕嫉妒恨勤奋的人,这靠谱么?!

我不过是在做些能让自己高兴的事而已。

PS:就是因为昨晚不知不觉画到了快12点,而今天早上明明调了闹钟的手机又抽风,所以,在这近4个星期里,我第一次没有在早上7点起来学RS,罪过~~~今天之内我会补回来的……

2011-11
28

死得瞑目了

By xrspook @ 18:04:20 归类于: 烂日记

昨天晚上收到Lei的这些回复,彻底死心了……

Lei
告诉你一个处理方法,将最外围的a标签干掉,换成div什么的,让DOM结构正常化。然后在外层的div上绑click事件,阻止浏览器本身的事件,然后用JS将页面跳转到想要的页面。
19小时前

Lei
看到DEMO终于知道怎么回事了。因为你的a标签里面还嵌套着a标签,这用法本身就是错的(看来画廊模板真的很烂),所以浏览器解析出来的DOM结构就是错的。用JS去A标签,也是在错误的DOM树上修改,就不可能正常了。
19小时前

原来我的瞎想一开始就是错的,难怪……所以虽然我已经很努力了,但还是没有实现我的目标,因为我的方向根本就是错的。昨晚看了两个把“span”利用JavaScript当“a”用的例子(例子1例子2),结果发现纯文字链接没问题,加上非文字部分就歇菜了。估计是某些判断句所设定的非空与不是常规字符串有空格回车什么的东西产生矛盾。对JS可算是一窍不通,看来这回,我真的很有理由认真地学学JS了。

HTML、CSS、JavaScript、jQuery浏览器端的神兵利器,外加服务器端的PHP和SQL,哇咔咔。如果当初我读的是网络工程神马的,估计会很神奇,不过如果我的专业真是那个我就不会花那么时间激情澎湃地像现在这样去学习了。

今天没搞懂是怎么回事,库里有一帮人在拍片子,整个下午就耗在当群众演员上,外加早上一回来就说开神马会,结果,一天就这么被浪费掉了,多可惜啊~~~

明天是Raw,是Alberto Del Rio vs. CM Punk的WWEC rematch,对结果,我不存在丝毫的幻想,我只希望他们能给出一场精彩的比赛,足矣。可以没有头衔,但不可以没有血性,哪怕当个跑龙套的jobber!

不知道推迟了1个多月的演讲明晚会不会举行,真讨厌!

2011-11
27

REALEZA不成TEA EXPO去

By xrspook @ 22:06:12 归类于: 烂日记

我真的已经很用力地去想解决“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”三角恋,依旧未果,呜呜呜~~~

2011-11
23

潜心研究Realeza模板

By xrspook @ 19:21:35 归类于: 烂日记

各种奢侈,各种挥霍,今天已经花了整整一个上班时间,>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才真的算横空出世,哇咔咔~~~

© 2004 - 2026 我的天 | Theme by xrspook | Power by WordPress