切換
舊版
前往
大廳
主題

自訂小屋CSS

狐狸 | 2008-12-17 20:34:56 | 巴幣 0 | 人氣 287

  前幾天嘗試自訂小屋的 CSS,調整了很久,一直做不出想要的感覺,最後想到工作中使用到的 Ext JS 的樣式還蠻好看的,所以就模仿 Ext JS 的樣式來調整小屋的CSS,Ext JS 是一種 JavaScript Library,有興趣的人可以到 Ext JS 的官網(http://extjs.com/)看看。

  在修改 CSS 時遇到一個小問題,就是上方小屋首頁、個人部落閣那排選單,非目前所在頁面的選項,背景圖片我用了兩張圖,平常和滑鼠移到選項上時是不同的圖片,在 Firefox 上看時一切正常,但用 IE 看時,發現滑鼠移到選項時的圖片,不會 cache,每次移到不同選項,圖片就重讀一次,圖片讀取完成前的短暫時間,是沒有背景圖片的。

  Google 了一下這個問題,發現這是 IE 的 BUG,找了一下解決方法,最後是把兩張圖片合成一張,使用 background-position 來達成效果。

  因為沒什麼美工的底子,小屋能改成這樣我個人覺得挺滿意的,有空的時候再繼續調整 CSS,如果看不到我小屋的新樣式,按一下 Ctrl + F5 重新整理就可以看到了。

創作回應

月狐
阿~我喜歡這種感覺 可是我的黑管家也很帥阿=W=
2008-12-17 21:40:52
狐狸
之前也曾經改成黑色的版面,但是想不到怎麼配色比較好,就改回來了,黑管家那部動畫我也有看,不過我只看了前幾話就沒繼續看了,大概是不合我胃口吧。
2008-12-18 07:05:30

更多創作