iorz新佈景上架,活力亮一夏!

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

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


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

偷偷看一下iorz

iorz新佈景上架,活力亮一夏!

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

iorz新佈景上架,活力亮一夏!

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

側邊欄與小圖示

iorz新佈景上架,活力亮一夏!

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

iorz新佈景上架,活力亮一夏!

側邊欄本來有掛一大堆的東西,盡量都已經刪除或是先隱藏了,讓側邊欄不要太凌亂,又可以達到統計資料的效果。另外,我們新增了Facebook的建議閱讀外掛,讓大家知道最近其它讀者喜歡哪些文章,這個外掛取代掉之前的熱門文章,臉書這個外掛比較即時,可用性比較高。

iorz新佈景上架,活力亮一夏!

在文章中的最下方,我們放置了Facebook的讚按鈕,如果看完文章您喜歡該篇文章,可以點擊﹝讚﹞來推到Facebook與您的朋友分享,這也是臉書的社群工具,還蠻不錯用的,大家有興趣可以裝一下來玩玩看喔!另外,如果你發現佈景有Bug,怪怪之處,麻煩通報我們一下,感謝。

為什麼我看不到圓角與陰影?

iorz新佈景上架,活力亮一夏!

相信有些讀者看的網頁是如上圖一樣,和前面介紹網站佈景的圖不一樣,因為前面的圖片中,網站的樣式讓人感覺有陰影與圓角的效果,可是為什麼開啟瀏覽器去看網站時卻沒有看到呢?這問題非常好,真相只有一個,因為你使用的是微軟IE瀏覽器!

這主要是因為目前到IE8系列的瀏覽器一律不支援CSS3的圓角、陰影特效,所以透過IE瀏覽器會發現其實佈景感覺很單調,那麼哪個瀏覽器才會看到圓角和陰影特效呢?基本上除了IE瀏覽器(包含IE核心的瀏覽器)都看不到外,其餘瀏覽器應該是都有支援這些特效。

推薦改用FirefoxChrome,以取得更棒、更安全、更快速的瀏覽效果!