「樓梯」

規則是,猜拳輸的往下走,贏的人往上走。
結果卻是你越走越上面,我都快到一樓門口了。
「嚴禁通行」

我才在想說,要怎麼到你那邊,結果就這樣被隔在外邊了…
「不能超過這條線!」小學時坐在旁邊的女生兇巴巴地對我說,還很小心翼翼地維護這條楚河漢界,深怕一個不小心,就會被「男生愛女生」的八卦給攻陷似的。
「你是個好人…」大學時一起修課的女生在聽到我對她的告白之後這樣跟我說,還很小心翼翼地委婉拒絕,深怕一個不小心,我就會暴走演出全武行似的。
螞蟻來襲!!
今天下午去泡咖啡的時候發現,系辦的飲水機被螞蟻侵襲了!!
我泡的那杯咖啡裡面飄了五六隻螞蟻的屍體…..啊啊~~
所以泡完咖啡拼命打撈「浮屍」…..
沒撈到的,就…..當作是額外的蛋白質補充吧….(淚)
三隻小豬(惡搞版)
很久很久以前寫的,最近不小心翻了出來…
三隻小豬的母親生了一場大病,自知將不久於人世,所以將三隻小豬叫到床邊。
「媽媽,有什麼事嗎?」大哥輕聲的問著媽媽。
豬媽媽不發一語,只是吩咐小弟去拿了幾雙竹筷子。
「看著!」豬媽媽拿起了一根筷子,「ㄆㄚ!」的一聲,把筷子著斷了。
「媽!你在做什麼啊!?」小弟一臉狐疑。
「再看吧!」豬媽媽又拿起了筷子,只是這次她一次抓起了一把的筷子。
「嗯… 」豬媽媽很吃力地要將這些筷子折斷,但是住些筷子始終文風不動。
「媽!你到底在做什麼啊!?」小弟是看得一頭霧水。
「媽,我來幫你好了。」二弟伸手接過豬媽媽手中的筷子,毫不費力地就將這把筷子折斷。
「!」豬媽媽張口結舌,「你… 你這個四肢發達頭腦簡單的大笨豬!」
「媽!你怎麼可以這樣罵二哥!?」小弟在一旁幫腔,「二哥幫你把筷子折斷耶!」
「你… 我… 我是要教你們… 」豬媽媽氣的說不出話來。
「好了好了!媽媽你就別生氣了,我知道你要跟我們說什麼了。」大哥出來圓場。
「你知道了?不愧是聰明的大兒子。」豬媽媽一臉安慰。
「是什麼啊?大哥!」二弟和小弟不約而同地問著大哥。
「媽媽你果然已經老了。只能折斷一根筷子。」大哥露出「我聰明吧」的表情。
豬媽媽老拳一抱就往大哥的腦門砸去,「大笨豬,我還以為你多聰明ㄌㄟ!沒想到還是不知道我要告訴你們什麼。」
「那你到底要說什麼?」三人齊聲問到。
「你們要知道,要不被大野狼吃掉,就要團結。」
三隻小豬面面相覷。
「這和折筷子有什麼關係?」二弟首先發難。
「一根筷子容易折斷,但是很多筷子就不容易折斷。所以團結就是力量啊!」豬媽媽語重心長地說。
「喔~~原來如此!」三隻小豬一副恍然大悟的表情。
「現在你們知道了吧!?」豬媽媽於是很放心地閉上了眼睛。
「媽!!!!」三隻小豬心慌地叫著。雖然知道母親已經日薄西山,但是總是沒法接受親人就在自己的眼前死去。
「幹嘛啦!!我想好好休息一下都不行啊!?別在那邊鬼叫鬼叫的!」豬媽媽睜開雙眼揮揮手,「去做你們的事吧!我想躺一下。」
豬媽媽去世後,三隻小豬開始想要蓋房子了。
大哥決定蓋個冬暖夏涼的小木屋;二弟則是想要一個堅固的石頭屋;小弟卻是不見蹤影了。
幾個月後,大哥和二弟的房子陸續完成,也都舒舒服服地住了下來。小弟的房子還是沒有蓋起來,仍是不知去向。
再過了幾個月,大野狼突然出現在附近徘徊。
大哥和二弟雖然害怕,但卻不擔心,因為他們已經蓋了一個可以保護他們的房子。
躲在屋裡的大哥,心想:「媽媽說一根筷子折得斷,很多根筷子折不斷。我的房子弄了那麼多筷子,大野狼應該闖不進來吧!?」
才這樣想,就有一陣旋風刮起,看著自己精心佈置的屋子,就這樣飛上了天空。
除去了屋子的隔閡,才發現虎視眈眈的大野狼站在大哥面前。
這下還得了,大哥馬上轉身就跑。跑向二弟住的房子。
衝進二弟的屋裡,看著二第一臉茫然,「大野狼來了,讓我躲一下吧!」
「哈!我的石頭屋最堅固了!你來找我是正確的。」二弟難得有機會現一下,當然得把握機會。
「嗯… 」大哥邊喘氣邊看了看二弟的石頭屋,「沒想到你蓋的還不錯嘛!看起來挺堅固的。」
「那當然!這可是我花了不少時間從河邊搬來的石頭所蓋起來的。」二弟打蛇隨棍上,趕緊多炫耀一些有關他的房子的事。
「可是這抵擋了大野狼的『大野狼旋風吹』嗎!?」大哥懷疑地看著二弟。
「哈!管它大野狼的什麼碗糕旋風,這間可是我嘔心瀝血的傑作耶!」
二第一副不可一世的樣子,而大哥則是看著房子「轟」一聲,癱成一地的碎石頭。
一霎那,二弟就瞠目結舌呆在那兒,臉都綠了。大哥二話不說,一把就拉起了二弟沒命地跑開。
跑了些時候,他們看到不遠處有一棟紅磚屋。看到有個能讓他們喘息掩蔽的地方,當然很高興地急忙衝進了屋內。很幸運的是大門沒鎖,他們以一氣呵成的迅速動作,開門、鑽、掩門、上鎖,躲進了屋內。
原本以為安全的兩位豬兄弟,進了屋內才發覺情況真的是「前無去路,後有追兵」。
屋裡竟坐著一隻大野狼!
「這下沒戲唱了,作者太可惡了!我們是主角耶!竟然要讓我們死!」兩位豬兄弟腦中都出現這個念頭。
大哥和二弟突然闖進造成的聲響,引起屋內大野狼的注意。大野狼回頭瞧瞧大門口發生什麼事,大哥和二弟卻發現小弟竟然也坐在屋內,而且還坐在大野狼的對面。小弟也側著身子望了望門口,發現站在門口的是許久不見的兄弟,便高舉雙手:「大哥、二哥!你們來啦!」
大哥和二弟心裡都想:「難不成小弟給大野狼綁架了!?」兩位兄弟隨手便抄起了椅子和花瓶。
「大哥、二哥,好久不見啦!」小弟一副從容不迫的神情和大哥二弟打招呼。
一聲椅子在地板挪動的聲音,大野狼站起來了。兩位豬兄弟馬上自然反應將手中的椅子和花瓶舉在胸前,一副戒備狀態。
「你們好啊!」大野狼反而不像他們想像中的兇狠殘忍,倒是一臉慈善,很有紳士風度地請兩位豬兄弟入座,還擺了兩副餐具給這兩位不知該如何反應的豬兄弟。
「你們來的剛好,我和豬小弟正在用餐,你們也坐下來吃吧!」大野狼端了一盤炒麵,「這是我做的唷!你們嚐嚐看。」
兩位豬兄弟丈二金剛摸不著頭腦地看著小弟。
「喔!你們別緊張,這位是我的朋友小狼。」小弟吃了一口炒麵邊介紹。
「你怎麼會認識狼族?」大哥首先提出疑問。二弟則是附和著:「對啊!」還邊吃著小狼做的炒麵和小弟做的蘑菇湯,以撫慰又餓又渴的身軀。
「他是我學建築時所認識的朋友。這棟房子是我和他一起設計和興建的唷!」
「喔!?真的嗎?」
「是啊!」
大哥沒有接腔,只是一臉「非我族類,其心必異」地看了看小狼,接著也低頭又吃又喝。小狼大概感覺到了這樣的氣氛,於是向小弟說:「我先回房看書了,你們兄弟慢慢地敘敘舊吧!」
「大哥,你剛剛那個是什麼表情啊!?害得小狼走掉了。」小弟抱怨著。
「你這些日子就是和那隻狼在一起學什麼…什麼來著?」大哥放下手中的叉子。
「建築。」
「對啦!都跟那隻狼在一起學那個什麼鬼玩意兒?」
「喂!雖然你是我哥,但是你說話放尊重點,好不好?他是我朋友小狼,不是什麼『那隻狼』。還有我學的是建築,不是什麼鬼玩意兒。」
「隨便啦!反正你跟他在一起就是不安全啦!」
「有什麼不安全?我跟他住在一起已經那麼多個月了,都沒發生什麼事。」
「你以前沒事不代表以後不會發生什麼事!快點離開吧!」
「離開!?我離開去哪?我在這住的好好的啊!」
突然間,窗戶和窗框因為強風而彼此撞擊,發出「筐筐筐」的聲響。
「大野狼來了!」大哥和二弟有了前面的經驗,馬上很警覺地作好逃跑的姿勢。大哥一看小弟仍是悠哉悠哉地吃著麵,便破口大罵:「你還吃啊!!還不快逃!!」
「逃?逃去哪啊!?」
「隨便啦!總之就是逃離這裡啊!不然等到房子被吹走就不好逃啦!」
「房子為什麼會被吹走?!這房子這麼堅固牢靠。」小弟滿意地看了看當初自己和小狼一磚一瓦地慢慢蓋起的屋子。
「筐筐筐」的聲響不曾停歇,但是房子也沒因此被吹垮。大哥和二弟今天算是看到許多出乎意料之外的事,像這件房子本來預期會被吹走但卻沒有,是其中一件。
小弟端了杯茶邀了小狼坐在客廳裡看看書報,並沒有受到外面「大野狼旋風吹」的影響。
小弟沒好氣的對大哥說:「大哥,這就是你所說的鬼玩意兒囉!」
身為尊長卻給後輩糗,心裡當然不甚舒服,只是也沒什麼好反駁的,所以出口的也只是「哼」的一聲。
屋外使勁吹氣想把屋子吹倒的大野狼,試了幾次之後便停止了吹氣的動作。
「哼!我可不是普通沒腦筋的笨大野狼,第三個一定吹不倒,我才不想要浪費力氣。」
大野狼露出陰笑,「我已經偷偷翻過『三隻小豬』了,我才不會笨到去爬煙囪ㄌㄟ!」
「我一定要想些辦法,這樣才能顯現我的智慧。」大野狼的招牌笑容—咧嘴露出尖尖的犬齒—又出現在臉上。
三隻小豬和小狼,安穩地待在屋內,看著「大野狼旋風吹」的風勢漸弱,心想大野狼大概知道這間房子的堅固,所以放棄
了。二弟用著崇拜的眼光看著小弟,「喔!小弟的房子真是不錯!就連大野狼的『大野狼旋風吹』都吹不倒。」
大哥雖然心裡覺得小弟真的是不錯,但是由於剛剛被糗了一頓,總覺得臉上掛不住面子,所以倒沒說什麼話。
這時屋外傳來一陣敲門聲,打破了原本屋內的寂靜。
「誰啊!?」大哥制止要去開門的二弟,向門口問道。
「我是媽媽呀!快開門啊!」門外傳來一個又細又尖的聲音,聽了有點毛骨悚然。
「大野狼大概不知道我們的媽媽已經死掉了。」小弟向小狼說著,接著三豬一狼相視而笑。
「咦?行不通?」大野狼歪頭想著,「啊!大概是我的手腳露出馬腳了!得快去偽裝。」臨走前還露出那副大野狼式笑容。
「呵~這隻大野狼看起來好像白癡白癡的。」小弟看到大野狼離去,一臉嘲笑貌。
「不知道他又在耍什麼把戲?」二弟倒是滿懷期待。
「你以為你是在看馬戲團啊!?這可是攸關生命耶!」大哥終於出聲。
敲門聲又再度響起。
「你們快來開門啊!我真的是媽媽呀!」又是剛剛那陣刺耳難聽的口音,「你們看啊!我真的是媽媽呀!我有白色的腳啊!」一對白色的腳出現在門底下的門縫。
大野狼心底暗暗佩服自己,「喔!沒想到我這麼聰明,竟可以想到這種方法。」才這麼想,屋內就傳來一陣大笑聲。
「嗯!?難不成被識破了?」大野狼不相信,「怎麼可能?那些愚蠢的豬怎麼可能識破我的計謀?」
小弟已經是笑到沒力,「我看那隻大野狼八成是餓昏了,連羊跟豬都分不清了。」
大野狼看計謀無法得逞,惱羞成怒,一個轉身就離去。
「看來那隻白癡狼無計可施了。」小弟的情緒還停留在剛才的笑聲之中。
「不。他等一下應該會使用蠻力來打開這扇門。」小狼說出他的見解。
「是這樣嗎?」小弟摸著下巴思考,「大哥、二哥,你還記得媽媽去世之前說的話嗎?」轉頭問著一旁的大哥和二弟。
「記得啊!怎麼啦?」二弟反問。
「這時候我們真的需要團結。」接著小弟將他們拉靠近,唧唧咕咕地討論。
「口阿~~~~~~~」一聲吆喝聲,伴隨著急切的腳步聲,朝著紅磚屋的大門衝去。
「大野狼旋風踢~~~~~~」(使用方法:↓↘→+K)大野狼邊喊招式名邊使出飛踢。「碰」一聲,門板應聲倒落。
「哈!沒想到這門這麼不堪一擊,不然我就不需要從另一個山頭助跑了。」大野狼喘口氣,「這樣做實在有點喘。」
大野狼搓了搓手,「嘿嘿嘿~小豬們,剛剛敬酒不吃,現在就要吃罰酒囉!」一踏進門,適才被踢倒的門板竟然自己站了起來,朝門口蓋上。
「!」被這樣的情景嚇了一跳的大野狼,反應倒是機靈,一個閃身就鑽進屋內。
回頭一看,門已關上,恢復被踢倒之前的模樣。還在想到底怎麼一回事的大野狼被一陣刺痛感逼的不得不回神。舉起右腳仔細一看才發覺腳底已經插了許多跟的大頭針。
「口圭!!!!」大野狼抱著腳跳著慘叫。才跳沒幾步,就又踩到滿地的彈珠,一個踉蹌,舉起的右腳為了平衡踩回地上,結果原本刺的不深的大頭針,就這樣牢牢地刺在大野狼的腳底。
在桌子邊和椅子邊掩護之下的二弟和小弟,在小弟的眼神下令後,拉起了一條繩子。
還在為平衡問題煩惱的大野狼,一個不小心又被腳下的繩子絆倒。「哇~~~」慘叫聲還來不及叫完,大野狼那個大臉就貼在放在地板上裝滿蜂蜜的大盤子裡。
「我在這裡啦!」大哥出聲引誘他。
「嗯!?」大野狼已經受不了了,「可惡你這隻該死的豬仔!!」礙於滿臉的蜂蜜,只好聽聲辨位。
「笨蛋!是這裡啦!你要去哪!?」大哥又出聲。
「╬!!」大野狼跌跌撞撞地朝大哥的聲音衝去。
小狼在一旁把大門打開,大哥便引誘著大野狼走出門口。
最後大哥站在一棵大樹下,「你真不是普通的笨耶!你到底抓不抓的到我啊!?」
「啊!!可惡!!」大野狼怎麼能忍受如此的侮辱,「看我怎麼把你生吞活剝!!」一個蹬腳,就朝大哥的方向撲去。大哥見狀,往旁邊一跳,躲開了大野狼的撲抓。
好大的一聲「碰」,大野狼撞個滿頭包。剛要除去眼睛周圍的蜂蜜來看清發生什麼事,卻聽到樹上傳來的嗡嗡聲。
聞到蜂蜜味道的群蜂,立刻朝大野狼的頭部蜂擁而至。
最後只見大野狼哇哇哇亂叫地跑掉了。
三隻小豬看到這樣的情形,當然非常高興,彼此擁抱高聲歡呼。
結局當然是個Happy Ending囉!小狼也和三隻小豬一起過著幸福快樂的生活。
這就是三隻小豬的故事。
CSS 教學(1)
已經有很久一段時間沒碰 CSS 了,最近剛好為了調整這個 Blog ,又再重新複習了一下。
其實 CSS(Cascading Style Sheets,串接樣式表) 並不是什麼很高深的技術,只是為了達到將資料呈現跟外觀樣式分離的目的而已,所以 CSS 並不是要取代 HTML,而是一種延伸應用。利用樣式名稱和樣式指定值來指派給某一種 HTML 標籤,被套用的 HTML 標籤就會依照所套用的 CSS 來顯示外觀。
使用 CSS 來控制版面樣式風格,而讓 HTML 單純的作資料的呈現。這樣做有幾個好處:
1. 可以讓 HTML 乾淨易維護;
2. 能夠讓所有的頁面都有統一的樣式,並集中管理。你可以想像如果有一百個頁面,為了更改一個字體的顏色,你需要花多少時間。
掌握這些要點之後就很容易了解 CSS 在做什麼。
CSS 的套用方式:
我們在套用 CSS 的時候可以使用三種方式來套用:
第一種「同行(Inline)」,就是直接利用 HTML 標籤的 STYLE 屬性,來指定要套用的樣式。
第二種「內嵌(Embedding)」,就是將樣式表放在 <style>…</style> 之間(<style> 標籤要放在 <head>…</head> 裡面)。
第三種「連結(Linking)」,就是將所有的樣式表放在一個獨立的檔案(.css)裡面。然後利用 <head>…</head> 裡面的
<link href="css_example.css" rel="stylesheet" type="text/css">
來將外部的 .css 檔案作連結。
基本上,「內嵌」和「連結」是比較好的用法,因為使用「同行」的做法就跟以前在 HTML 標籤裡面下屬性一樣,反而沒有達到樣式跟資料分離的目的。而「連結」應該是最符合樣式和資料分離的目的。
另外,這三種套用方式有優先順序,也就是說,當三種套用方式都對同一個 HTML 標籤套用樣式,套用的優先順序是「同行」→「內嵌」→「連結」。因此,如果像下面這樣的話,字的顏色會是 #999999。
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>CSS 範例</title>
<style type="text/css">
<!–p {
color: #000000;
}
–>
</style>
</head>
<body><p style="color:#999999;">同行的會把內嵌的樣式取代。</p>
</body>
</html>
CSS 的基本語法:
Selector {
Property: Value;
Property: Value;
Property: Value;
…
}
括號裡面就是透過「屬性(Property):值(Value)」的方式,列舉要定義的樣式,例如:
p {
color: #999999;
}
<p>標籤裡面的文字顏色都會是 #999999。另外要注意的是結尾一定要有「;」。
基本上,Selector 可以分為三種:「類別選擇器」、「標籤選擇器」和「ID 選擇器」。
上面例子的「p」就是屬於「標籤選擇器」。所謂的「標籤選擇器」就是將 HTML 的標籤所呈現的樣式重新定義,變成我們想要的樣式。最常做的就是改超連結的字的顏色,例如將原本瀏覽器預設的樣式是醜醜的藍色加底線,改成紅色不加底線:
a {
color:#FF0000;
text-decoration: none;}
這個套用的範圍比較廣,所有用到<a>標籤的都會依照上述規則變成我們要的樣式。但是如果我們要的是某些部分超連結是綠色,某些部分超連結是紅色的話呢?!這時候我們可以使用「類別選擇器」,像下面這樣:
.greenLink {
color:#00FF00;
}.redLink {
color:#FF0000;
}
「類別選擇器」的名稱可以自訂,但是千萬要注意,名稱前面一定要加「.」。然後套用的時候就像下面這樣:
<a href="http://www.google.com.tw/" class="greenLink">Google</a>
<a href="http://www.pchome.com.tw/" class="redLink">PChome</a>
注意到<a>標籤的「class」屬性,等號後面填的就是先前定義的樣式類別名稱。類別選擇器在套用上比較自由,只要使用標籤的「class」屬性來指定需要套用的類別名稱就好,而且不同的標籤可以套用相同的類別樣式。
下次我們再講解「ID選擇器」和一些進階的選擇技巧。
回到那年夏天
「那年夏天我們窩在那個小房間裡面聽著音樂,聊著天…」
今天跟朋友突然聊到,我們幾個好朋友的關係已經不像從前那樣了,讓我突然有點感傷了起來。
每次一想到這件事,我都會想到那年夏天,我們窩在朋友那間堆滿隨時像會倒塌的 CD、漫畫、雜誌的小房間裡面,聽著大黑摩季的歌聲,悠閒地翻著雜誌,聊著音樂、電玩、漫畫、動畫、籃球等等;或是打完球在那家常去的早餐店,吃著只有在南部才吃得到的鬆軟蛋餅,配著大口大口的冰紅茶,一直聊到早餐店關門。
現在這些,都只是回憶了。即使再作同樣的事情,也因為時間的更迭,環境的變遷,心境的不同,當初那些感覺已經回不來了。
查自己的日文名字
http://rumandmonkey.com/widgets/toys/namegen/969
有趣的是,輸入「王八蛋」會出現某豆腐店老闆的兒子的名字…

