2008年1月23日

稍微改了改佈景…

  話說自從上次大改版以後,小的我也好一陣子沒改過佈景了。這兩天心血來潮做了一些小幅度的修改,這次修改的重點主要是在於面的簡化、去掉用 HTML 排版的部分和美化部分的設計。看起來大致如下圖:
  以下是詳細的修改內容
  • 首頁橫幅: 我把首頁橫幅重新畫過了,這次對 GIMP 的熟悉程度有比上次好些,不過還是一樣用 GIMP 一筆一筆畫出來的,所以其實在 Reflection 的地方還有點缺陷這樣。另外,由於 IE6 以下版本並不支援 PNG 透明度(濾鏡語法每一版IE又不同),而新橫幅轉成 gif 真的只能用「糟的可以」來形容,所以如果你是用 IE 6 以下的瀏覽器(或者掛著 IE6 UA 的人),將繼續沿用舊的橫幅。
    ▲ Oh!天啊! 這是什麼啊?! GIF 的效果「真好」!!!
  • 導覽列: 呃......這裡指的是上面那排有網誌、留言板…等連結的那一排,不是 BLOGGER 那討厭的 Navbar 喔(那玩意早就被我給用 display:none; 消滅掉了 XD)。 原本的導覽列是相當相當原始的「純文字」導覽列(其實充其量只能算是一些有的沒的連結而已 XD),它原本長得大概就像下面這樣的東西:
    [ 網誌 | 相簿 | 留言 | 簡介 | Blogroll | 交換連結 ]
    其實這樣實在有點給他太過簡陋敷衍了些,所以我重新用 CSS 幫他加上了件新衣服,現在看來如下:希望這樣看起來會比之前好多了,對於不支援 CSS 的 瀏覽器而言,我保留了中間的分隔符號→"|"(只是用 CSS 隱藏起來了),所以在這些瀏覽器中仍然會以"XXX | XXX | XXX"的格式顯示。另外文字的部分是採用統一兩個中文字,這樣看起來會比較整齊一點,但也因此可能會比較文言些,不過我有加工具提示,所以不至於看不懂才對……

  • 背景: 另外就是把原本那很鳥的底色背景拿掉了,換了張比較搭的相片,雖然儘量壓小了,但由於需要顧慮到有些人螢幕解析度頗高的狀況,雖然控制在 100 kB 以內,不過相較於原本的背景,這還是顯得有點天文數字......= =

  • 簡化側邊欄: 為了簡化整個網頁的配置以及減低網頁大小(或者該說為了彌補在背景部分所造下的虐....^ ^"),我把測邊欄的投影片播放、友站拿掉了,另外 W3C 的標章也併入了我下面那排「貼紙群」中(其實也是因為台灣部落格列表掛掉的關係所以暫時拿掉他才有的缺)。最新回應的部分我也把原本的顯示最新五個回應縮減到3個。訂閱網誌的部分也重新設計過,變成兩張圖片的按鈕,希望這樣可以直覺一些,同時也省下一點空間。

  • 以 CSS 來替代表格的排列: 最初在設計的時候,由於那時還不太會用 CSS ,所以在排版的方面很多都用表格來排,但由於這樣會讓複雜 HTML 原始碼複雜化而且也違背了 W3C 的建議做法,所以趁著這次修改我把表格拿掉,並重新以 CSS 排版,現在已經沒有什麼用表格排版的部分囉!

  • 拿掉表情符號功能: 嗯......我最後還是決定把他拿掉了,因為他還真的是產生不少問題。一個普遍的問題是他會造成文章總覽的展開動作變成還要再載入一次網頁,造成瀏覽上的不便,再者,於 KHTML 下還會造成標籤雲的格式消失(就變成一樣大、一樣顏色的字),而且其實在本站使用文章回應的人也沒用到表情符號的功能,所以最終決定是把它拿掉了。不過這並不影響留言板,留言板的表情符號系統是分開的。

沒有留言:

張貼留言

請注意,在較舊的文章留言並不會馬上出現在回應區!

Site Meter