2012-07
11

Principe for mars即将降临

By xrspook @ 23:37:16 归类于:烂日记

就功能而言,Principe for mars已经完成了!

就如昨天所预测,在头脑清醒的时候我用了不到15分钟就解决了昨天搞不懂的两个循环问题。事实再次证明,开夜车是没用的,纠结也是没用的,合理分配资源,让效率发挥到最高境界才是王道。

今天下午我做了什么呢?感觉我上午弄完了2个循环问题后大体模板就出来了。噢~~~ 记起来了!我去玩CSS验证,结果发现,虽然说验证支持的是CSS3,但我的CSS3定义他们还是视而不见说我错。最明显的当数transform、transition、word-wrap以及progid:DXImageTransform.Microsoft.AlphaImageLoader,前面两个是CSS3的特效,第三个CSS很普遍了,第四个,是该死的IE8前滤镜。我开始以为是我写法的问题,但后来发现我怎么写都不对头,即便我把CSS3教程贴进去也说不行,我就得出了结论,疯狂的不在我,而是那个表面上说CSS3了,实际上不然的验证器。也对XHTML做了验证,翻出来的基本都是点点< ? ?>的问题,老天啊,这是人家的服务器请求啊~~~ 我错了,我不应该把模板代码贴去验证,我应该让模板生成网页后拿那玩意去验证,否则我傻眼了,验证那个也傻眼了,净是抓到一些无关重要的东西。

关于昨天2个循环失败,是因为那个我照抄的命令行不知为什么硬设置了一个完全可无的变量,于是,我注意修改了会变动的变量,却完全忽略了那个无关紧要的东西,因为有些循环是叠加的,所以无关紧要的名字重复了,当然就会服务器出错。于是今晚,我直接把无关紧要的删掉了,代码顿时少了起码10个字母+,也不会再犯那些错误了。有时我真不理解,为啥明明1个字母能解决的东西,要起一个10字母+长的名字,并为它匹配一个无关紧要的朋友变量呢?为了别人抄代码的时候头大点?

今天用了TopStyle去整理CSS,乱七八糟的代码顿时变得井然有序!!!整理完以后东西是不会少的,但顺序软件是严格按照字母表去排,所以,有些必须先后才能出效果的东西就要手动了。通常来说,CSS里是不会用大写去命名,但The Stitch就是这么的怪异,整理出来的CSS全部把大写都小写化了,所以呢,要手动地把大写的改回来……我也想用小写啊!但那个跟某js功能有关,不想改js的说~~~

今天已经对XHTML进行了人肉的核对,每个层次,每个调用的格式,有没有调用格式是虚的,无内容的。明天,如果有时间,将会对CSS进行人肉核对,那些本不该存在而却占空间的,你们是时候该颤抖了。

如果转行的话,我或许可以做个网页设计,但,我为啥要转行呢?

2012-06
30

利用hover嵌套显示div

By xrspook @ 23:59:09 归类于:烂日记

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

昨天的台风严重坑爹,我们很傻冒地“严阵以待”,但是,今天早上发现啥事都没有,就赶紧跑路了。但前天沿江高速发生爆炸,封闭了,我们被迫兜了好大一个圈回广州。足足花了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解决问题,不是有所有问题都一定能这般解决,但这次,我成功了。

不屈不挠,自己也能成为挽救自己的英雄!

2012-02
4

万花筒一大个

By xrspook @ 23:41:41 归类于:烂日记

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

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

读书:不能停止学习!有必要我会去读各种电脑方面的书籍/教程。最爱的是小说,外国小说,拉美小说,现实主义小说。开始读一个作者的就会千方百计读完这个作者的所有——金庸,加西亚·马尔克斯,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是一个杂七杂八的万花筒,虽然质量不高,但胜在什么都有,因为她总有一颗乐于学习的心。

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才真的算横空出世,哇咔咔~~~

2010-11
17

建立YARK日志

By xrspook @ 21:29:21 归类于:烂日记

发觉很有必要建立一个YARK的日志,记录其成长,因为自己每天都有新发现,每天都在改进,不一一记录下来实在可惜,这可是很重要的版本信息哦!

******************* YARK专栏 *******************
2010-11-17
update
* 合并WWE和TNA生成功能,其实就是简单地用选择语法把2个页面的功能合并起来,操作起来很简单。其实一个开始为什么会分开呢?因为我懒,直接“另存为”就开始修改编写了。
* 增加了几句自动说明,比如说什么都没有的时候提醒要输入;输入了完全不搭调东西的时候提醒错误。
bug
* 突然发现TNA的自动rss只输出了25组信息,可恶!昨晚太兴奋,只看到有信息输出,却没有留意数量,rss的数量肯定是可以由TNA自己控制的,所以如果我完全依赖自动rss输出会很被动。
plan
* 要不寻找XHTML转XML的,要不直接直接提取XHTML为己用,对TNA的这种网页,我只能动作更多更主动了。
* 很懒的TNA用的是ZenPhoto RSS Generator的系统贴图和生成图片的RSS,噢~~~ 开源的哦,可以研究一下ZenPhoto然后再作对策。
******************* YARK专栏 *******************

与天斗、与地斗都不如与人斗有趣。

Page 1 of 212»
COPYRIGHT @ 我的天 | Theme by xrspook | Power by WordPress | Valid XHTML 1.1 and CSS 3 Go to top