iorz新佈景上架，活力亮一夏！

發表時間： 2010-05-22

最近經過上次的網站三歲文章後，我們收到許多表單的回應，其中有網友反應我們的佈景太單調了，都單色系。所以就趁著做畢專之餘，來改版一下網站了。雖然說還是沒達到跳出iNove框架的目標，不過這次配色到是有比較鮮豔一點了，因為夏天到了，要讓網站感覺有活力些！

不過每次佈景改版就要很龜毛的弄個幾天，這回當然也不例外。只是這回比較傷腦筋的是佈景名稱，想了很久也與天才討論了很久，最後叫做「iorz」，為什麼要叫做「iorz」？因為佈景名稱想到很讓我Orz，所以就這樣子取了。

這回佈景主要是以我習慣的架構去設計的，當然盡量達到不使用圖片的佈景，因為這樣網站讀取會比較快，而且不會把流量都吃掉，目前佈景有使用到的圖片應該也只有網站的Logo和顯示程式碼的小圖片而已，其它部分就沒有使用到圖片了。

文章目錄

偷偷看一下iorz
側邊欄與小圖示
為什麼我看不到圓角與陰影？

偷偷看一下iorz

網站的最底的背景色是淺灰色「#F0F0F0」，會挑選那顏色是為了解決PNG圖檔在IE6下無法透明的問題，為什麼改成那個顏色可以解決呢？因為我把Logo放到IE6下時，透明背景失效的地方顏色剛好是「#F0F0F0」，所以就這樣將底色設定成那個顏色了，算是變相的解決透明背景圖的問題吧XD。

另外，因為我習慣文章閱讀的部分一定要白色，所以文章下方的背景一樣是白色，這樣比較適用於一般大眾的閱讀習慣，另外在首頁部分，將分類和時間標的比較亮，因為可以讓使用者第一時間辨識文章時間與分類，讓他們可以加快了解文章的撰寫範圍，如果對文章有興趣再點進去看！

側邊欄與小圖示

在側邊欄部分，我們一樣使用一區塊一區塊的設計方式來呈現，另外本來擺色側邊欄的臉書粉絲團收起來了，變成一個小小的圖示，如果大家要到我們的粉絲團，可以點一下藍色的F圖案。在F圖案旁邊還有個WordPress的圖案，那就是「免費的喘息」連結，因為喘息專注於WordPress的架設討論，所以大家如果有WordPress或是其它架站問題，可以上喘息討論。最後面就是RSS圖片了，之前擺在Logo右手邊，這回都把它集中在搜尋框下方了。這樣的配置方式是參考免費資源網路社群。