創作內容

3 GP

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

作者:魘小瀹│2008-05-04 01:21:09│巴幣:0│人氣:1574
雖然小屋可以套用別人設計好得漂亮版面,但是不是想要屬於自己獨一無二的小屋?
看到別人的小屋都好漂亮,是不是手癢也想自己弄一個?
其實不難!只要我們肯動手去試試看!

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

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

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

三、收集小屋素材
小屋素材大致上可以分為:
主圖:寬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) 

以上五點大概就是設計小屋前要做的準備=ˇ=
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=917991
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|CSS|小屋|

留言共 3 篇留言

不營養大雞排-Snow
呼呼~

我好懶>0<

05-04 01:43

魘小瀹
噗,這樣不行啊XD05-04 13:37
皇羅
我也是這樣設計的呢~
不過我還有很多要學~
謝謝介紹^^

05-04 18:44

魘小瀹
我也是有很多要學XD~
也很喜歡看別人設計的小屋:D
真希望可以製作出有自己特色的小屋~05-04 21:00
小角落..
感謝您的說明~
不過我都亂做說=口=|||

05-06 18:13

魘小瀹
小角落的小屋很棒呀XD~
教學也很容易理解:D05-06 18:37
我要留言提醒:您尚未登入,請先登入再留言

3喜歡★kaorumoon 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【好奇怪哪】收不到屋主回... 後一篇:【布丁小屋】布丁機密檔案...

追蹤私訊切換新版閱覽

作品資料夾

leon770530巴友
我的小屋首頁共有4篇健身相關證照心得文,對健身有興趣的朋友可以來看看喔!看更多我要大聲說8小時前


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

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