小屋創作

日誌2008-05-04 01:21

【CSS相關】製作小屋前的準備

作者:魘小瀹

雖然小屋可以套用別人設計好得漂亮版面,但是不是想要屬於自己獨一無二的小屋?
看到別人的小屋都好漂亮,是不是手癢也想自己弄一個?
其實不難!只要我們肯動手去試試看!

因為有朋友提到,
今天就來說說設計小屋前需要準備什麼。

一、決定小屋的風格
決定小屋要什麼樣的風格後,要準備怎樣的素材就比較好決定,
如果想不到要什麼樣的風格,可以先決定整體顏色,像是背景色,
或者也可以先找到自己喜歡主圖,再決定顏色。

二、決定要修改小屋哪部分
在決定之前,可以先看看站方提供的區塊解說
像是要把哪裡隱藏、選單要橫的還是直的,哪邊要用背景圖片……等,
把要修改的部分都決定好後,大致上就可以開始收集或製作小屋需要的素材囉!

三、收集小屋素材
小屋素材大致上可以分為:
主圖:寬750、高可以自訂。
cover圖:610x185。
按鈕:高寬可自訂,也可不需要素材就可修改外觀。
架框:寬750、高自訂(這部分又可分上(標題)、中、下(結束)三部分)。
右下標題:高寬可自訂。
右下list:高寬可自訂,但不要太大,最大約32X32就好。
留言區背景:高寬可自訂。
選單:高寬可自訂。

以上素材是可以依照自己需要來收集的,
以下也有地方可以用圖片素材來修改:
評價圖:176x106。
GP&BP圖:約250x24。
上方勇者小屋背景:約203x69

四、設計小屋中需要注意的地方
設計小屋中需要注意的地方就是瀏覽器的不同和解析度不同。
個人建議是用IE設計完後,再用火狐(fire fox)預覽看看有哪裏不一樣的地方,
解析度的話,用1280*1024設計,這樣的話用1024*768瀏覽也不會太奇怪。

五、圖片的網路空間
放在部落格的相簿是不行的,可以找國外的網路空間放,
以下提供幾個不錯用的網路空間:
(1)OVI申請&貼圖教學(無法上傳游標)By 龍暉(tg8u)

(2)Photobucket貼圖教學By 萬聖節(z456753) 

(3)Google申請&貼圖教學(可上傳游標)By 艾緹絲(ytin) 

以上五點大概就是設計小屋前要做的準備=ˇ=

3

3

LINE 分享

相關創作

小屋不定期更新冷門西洋歌曲推廣與翻譯唷!

火狐Firefox CSS樣式:套件管理員美化

【經營】小屋未來計畫

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】