修改模板教學(27/7 更新)

上一篇 / 下一篇 2006-07-10 20:37:13 / 天氣: 晴朗 / 心情: 鬱悶 / 個人分類：模板設計

第一次在此做教學, 欣賞請讚, 不好勿怪!!

設計自己心愛既模板

假設, 現在你要修改自己既 header...

首先, 將原來的 header download 落黎.
再用 PhotoShop 或者任何方法去設計同修改你既 header.
設計既時候最好跟番原來既 style 同 size 一致.

->

將設計完成的 header image 上傳, ~~上傳後並不需要按[提交]~~

(更正)此處有關附件的問題並未確實, 現見意按[提交], 並選擇存至[草稿箱]

(13/7 更新)已向版主查問, 上傳圖片後必須按[提交], (附件資源)裏的檔案狀態為(使用中), 若檔案狀態為(未使用)時, 系統會在一至兩日內自動刪除...敬請留意!!!

《有關查問連結》
http://space.uwants.com/index.php/action/viewspace/itemid/4869

上傳完畢後, 按[我的模板] -> 在我正在使用的模板按[編輯] ~

然後到[樣式表]編輯模板的CSS(style),
找[頂部風格], 在[頂部風格]下面會看見 background
只要把剛才複製的路徑取代原來(紅字)的路徑即可!!

background: url(images/dream/header_title_bg.jpg) no-repeat 0 34px;

(17/7 更新) 若要把整個 header (1000 x 148)px 呈現時, 會被 menu 的背景限制著.
此時, 只要按以下程序把該路徑刪除即可.

大功告成!!!

第一次在此做教學, 欣賞請讚, 不好勿怪!!
如有不正確的地方, 請向我提出修正!

(27/7 更新)
=================================
注意：
各位設計或修改模板既同時,
記得注意模版既整體美觀性,
例如, 字既大小, 顏色既配合, 清楚既格式等...
有美觀既模版唔單止有較高既可觀性,
同時亦都方便別人瀏覽,
標題盡量定得清楚, 先可以吸引到別人瀏覽...

《製作此教學的原因及感謝各位的支持》
http://space1.uwants.com/index.php/action/viewspace/itemid/11486

《本人更新 header 歷程》
http://toldme2.uwants.com/index.php/action/viewspace/itemid/5846

導入論壇收藏分享給好友管理舉報

TAG: 娛樂休閒教學模板 header 伊東美 misaki design 修改 Misaki

引用刪除 toldme2 / 2007-12-19 22:21:47: re: hikari_pig

呢個教學係 for 之前既版本, 而家呢個 blog 既版本多左限制, 我都無改個版面好耐 lu....
歡迎發問...haha..

介紹你去 http://subebe.uwants.com/
佢有好多blog 既 tools 同野玩.....

引用刪除 hikari_pig / 2007-12-17 21:26:10: 哎呀~真係好深下喎~我都要花o的時間寺研究下先得~無論如何都多謝版主噤詳細的教授,Thanks a lot, I'll try my best and will ask you any question of this topic~ hehe.....

引用刪除 toldme2 / 2006-08-02 00:54:29: 多謝讚賞!!

引用刪除 eason_0320 / 2006-08-01 10:17:45: 評 5 分
Good喎~唔錯唔錯~!

引用刪除 toldme2 / 2006-07-29 20:44:20: 多謝...
希望可以幫到你呢!

引用刪除 kyandy / 2006-07-29 15:31:20: 評 5 分
great job

引用刪除 toldme2 / 2006-07-27 19:02:52: 好...我都加你做好友!!
另外, 免收你過路費!

引用刪除月綾兒 / 2006-07-26 01:33:19: 哈哈 ~ 我又過返黎"路過"下喇 !!
嘿嘿嘿
( 今次加你好友先 ^___^ )

引用刪除 toldme2 / 2006-07-21 19:17:10: 路過都咁支持...多謝!!
我都出去行下先...

引用刪除月綾兒 / 2006-07-21 15:10:09: 評 3 分
嘿嘿我是路過來支持一下的 ^^

引用刪除 toldme2 / 2006-07-20 11:25:02: 好多謝你既支持...

無錯!! 改月曆果 d 特性, 一樣係係[樣式表]入面改!!
另外, 我諗係你改月曆或者其他 sideblock 既欄位時候, 請考慮一下整個理想空間既可觀性!!

可觀性好重要, 可以方便使用者同吸引其他人瀏覽!!
出教學方面, 要搵到一個正確既方向先出!!

引用刪除 ty2302 / 2006-07-20 10:19:00: 我想問0下呢 , 點樣可以改大個月曆 , 同埋sideblock果d欄位??
係咪直接入樣式表改??
thx!!
不如你出個教學教人改la....
可能又可以加分 , 又可以做褔人群....
極度祈代你出教學 , 出教學...出......教......學.....la....怏....d.......

引用刪除 toldme2 / 2006-07-19 23:15:35: 多謝 jimlim007...
但係我唔明 "keng" 係點解?

引用刪除 jimlim007 / 2006-07-19 23:02:54: 評 5 分
very keng ar.....leng lui, you very keng ar....

引用刪除 toldme2 / 2006-07-19 15:35:37: Right Click 你的 header,
然後按[另存背景...]

引用刪除 subebe / 2006-07-19 15:27:57: 請問 header 在那下載呢?

引用刪除 toldme2 / 2006-07-18 00:38:40: 我初初都覺得 PhotoShop 幾煩...
我本身用開 PhotoImpact 6, 所以完全唔知PhotoShop 點用, 連基本放大縮細都唔懂!!

因為無野做, 所以有時間可以迫自已玩下 PhotoShop, 一邊學一邊用, 到而家只係一個月半月到, 可以做到咁, 我覺得都 ok 啦!!

而且改個 header 無所謂用咩 PhotoShop 或者其他 Pro 既軟件之分, 佢地只係一 d 工具, 唔係名牌子既筆一樣可以寫出好既文章!

其實, 自己先係真正既軟件!!

引用刪除 T-back / 2006-07-17 22:23:22: 評 3 分
好似好難咁...
用PhotoShop好煩~~

引用刪除 toldme2 / 2006-07-17 02:13:32: 貼mv並不難...
討論區已有教學!

引用刪除 carl2005 / 2006-07-15 07:41:29: 評 5 分
我整左成個header
http://space.uwants.com/attachments/2006/07/15/2006715_308c14c185f1b8ac81604dd357976a6f.jpg
點可好似今aR~~~