2005-03-31

Simple CSS Menus: One-Line Menu.

一行 Menu ,在同人界經常都可以看見。做法簡單,很適合初心者。以下會參考しろ先生的設計來進行。

Screenshot of the Menu.しろ先生網頁的 Menu [050320] 。

Preparation.

假設我們有一個 ID 為 nav 的 Unordered List 。

<ul id="nav">
 <li><a>Item 1</a></li>
 <li><a>Item 2</a></li>
 <li><a>Item 3</a></li>
 <li><a>Item 4</a></li>
 <li><a>Item 5</a></li>
</ul>

像這種 Navigation 可以說是最簡單的一種形式了。

View.

Make It One-Line.

這個很方便,把 li element 變成 inline 就行,順便還可以置中掉。

ul#nav {
 text-align: center;
}
ul#nav li {
 display: inline;
}

因為 li element 已經被 Display 為 inline ,不再具有 List item 的特性,所以像是設定 list-style property 之類的動作可以省掉。

View.

Accessory.

接下來是在所有 Link 左面都有的裝飾物,下面是最簡單直接的方法。

ul#nav li::before {
 content: "\25CF";
}

使用 Generated Content 在所有 li elements 左邊都加上一個圓形裝飾物 (25CF 是這個圖案在 Unicode 中的位置) 。選擇在 li 而不是在 a 加上的原因是因為這個裝飾物是 non-clickable 的。

View.

Decoration.

到最後再調較一下位置和顏色便成了。

View, screenshot.

Problem.

問題在於 IE 並不支援 Generated Content 。 IE 具有超越 80% 以上的市佔率,雖然很不願意但我們需要使用另一種方法。

ul#nav li {
 background: url(./libg.gif) no-repeat left bottom;
 padding-left: 10px;
}

調整一下 li elements 的 padding 後再把相應的背景貼上去即可。這下子有支援 CSS 的 Browser 應該都可以正常顯示了。

View.

就這樣。

[轉] 納豆を一万回混ぜる。

那種東西真的能吃的嗎?大概會拉肚子罷...。

2005-03-27

鋼の錬金術師 #10

Cover of 鋼の錬金術師 #10

軍部大戰人造人!劇情非常緊湊的一期,真正進入故事的高潮了。

但封面的 Edo 好邪惡啊...orz。

2005-03-22

神兵小英雄...Orz。

話說昨天聽電台,《你真超人》請了黃玉郎作嘉賓。

在說到港漫《神兵玄奇》 (下稱《神兵》) 動畫化的時候,欲狼先生透露《神兵玄奇》將會分別改編成兩套動畫。一套是動畫電影,一套是動畫電視連續劇 (簡稱 TV 化...=w=) 。當中《神兵》 TV ,將會以四至十二歲的觀眾為主,並改名為《神兵小英雄》 (!) 於十一月 (還是九月?我忘了) 在中港兩地同步播映。據欲狼先生透露,《神兵》中千奇百怪的兵器因要配合此動畫之對象年齡層將會全部 Q 版化,打鬥場面亦會盡量縮減,更會加入不少教育意義。欲狼先生對這套五十二集的年度大作動畫電視連續劇非常有信心,並且預言《神兵小英雄》的成功。

真是欲言又止...XD。看來港漫短期內已無翻身之地 (哀。

2005-03-19

でじこ、うさだ、ぷちこ。

剛剛閒逛無意中又逛到了すか的家。

有好萌的でじこ、うさだ跟ぷちこ作 TOP !!

有絕對領域的でじこ真是萌到不行啊...orz。

2005-03-16

續痛症。

昨天總算去看了醫生...。

照了 X 光後初步確定不是骨的問題,可能是筋骨發炎之類的病,以防萬一還抽了第一次血... (._.) 。謝天謝地。

早幾天痛到整條右腿都麻痺了,平常走十五分鐘的路現在要花兩倍時間,睡覺時還痛醒了。是平常壞事作太多了嗎...?

2005-03-13

美羽萌!

今夜跟朋友吃飯後順便買了電撃大王二月號,真是...XD。現在連農曆新年都過了啊...。

附錄是美羽的 Figure ,手工比我想像中精美 (._.) 。

正面。

正面 (近) 。

右側面。

背面。

謎。

我絕不照古怪東西...=w=。

荃灣和オタク化。

當我在相熟的老字號玩具店裡看見某遠坂凛 Figure 時,才驚覺到荃灣已經開始宅化...。

幾年前還是老翻和四仔和 AV 天下的荃豐,今天已經變成了半個宅們聚集的地方...。突然冒出來的一堆 Figure 店、蛋店已經見證了這個事實,不知不覺中我到荃豐的次數也變得頻繁。

感覺真是痛快啊...!! XD

現在還差幾間賣謎物的店。來啊,快點擴散出去啊,在世界上存在著的陰謀!!宅化萬歲萬歲萬歲...XD。

2005-03-11

CE Mock 第一日。

Mock 第一天考的是 Chemistry 。

Paper I 基本上做得很差,一題七分的 Redox 跟九分的 Essay 不會做。再加上其他錯誤應該連 C 也拿不到...。至於 Paper II 方面,雖然都會做,但沒有勝利的感覺...。大概不會好到哪裡...。

這就是兩小時努力的成果嗎? (._.)

星期一考的是英文,往後的兩天應該可以樂一下 (雖然說之後是中文啦...) 。是時候彌補一下這星期停頓了的 ACG 生活了...。

2005-03-08

痛症發作。

右大腿和盤骨的那個臼位,痛得要命...。估計是因為電腦座位不平加上坐姿不正確,使整個身體的重量都集中在一點所做成的。這段時間粗略算算、也有四年了...(死。

徵兆從半年前就出來了,只是一直都沒去理,近月愈發嚴重,終於在今天一口氣爆發出來 (._.) 。我這個痛症很奇怪,坐下來的時候一點也不痛,但一站起來的話...。我還是首次嘗試痛到 "orz" 型趴在地上的滋味...。明天要是沒改善的話恐怕連校都不能回...。爬樓梯也是很痛苦的。

感覺在會考前患上這種病是天音...?

2005-03-06

REI 姊也有喝喔!!

話說剛剛在翻舊圖的時候,發現了個令人震驚的事實...。

Top image of REI' ROOM on 040801.

上面的是 REI's ROOM 在零四年八月一日的 TOP 繪 (無斷轉載抱歉了) ,表面上只是一張平平無奇,畫師在無間趕稿地獄之中所畫的訴苦圖,看樣子似乎還相當痛苦。但是,請大家注意...。

The secret.

蠻牛!沒想到 REI 姊也有飲保●達蠻牛蘋果汁健康飲料...。

處境:還說 REI 姊眼看截稿日愈接迫近,眼皮卻愈來愈重。終於...。
REI 姊:我不行了...(趴。
REI 姊:看來沒辦法了...(拿起一瓶蠻牛。
一口氣喝下去了。

REI 姊:保●達!蠻~牛!
鋼筆在稿子上飛舞...。

旁白:精力充沛,保●達、蠻牛!

真是詭異啊...(以上大噓。

2005-03-03

これが私の御主人様 #1, 2

  • これが私の御主人様 #1, 2

因為剛剛買了第二期,所以順便兩期一起寫。

今次買的是港版,出版社是玉皇朝,港譯「我的主人」。名字基本上不能說太好罷 (也許應該說不是我所期望的) ,本來予想是會翻成像「我的這個主人」或是「這就是我的主人」那樣的感覺。不過相比起台灣東立的「我的主人愛作怪」倒是好很多了 (死。

至於內容方面...絕對是王道!妹很萌,百合也很萌,可惜姊就是巨了一點,美中不足。但要是能過上像是義貴的那種生活,就是要了我餘下一半的壽命也毫無怨言啊...orz。

順帶一提是玉記的紙真的很臭...。

成績表...。口。

昨天收到了上學期 (今年還有分這種東西嗎? XD) 的成績表,一字記之曰:「死」。平均分才六十多,連七十都過不了,然後中文差點不及格 (四十九點五分...) 。真是危險嘛。

分數下降但名次上升這件事倒是讓人感到很意外的。