[教學][完成度20%]phpBB風格修改全記錄
發表於 : 2005-02-05 17:22
【前言】- What to do?
風格，顧名思義就是要讓論壇SHOW出自己的STYLE。有自己的STYLE，論壇才不會一成不變，才不會單調乏味。我架站的構思正是如此，我喜歡讓網站充滿了自己的風格。不管是網頁也好，論壇也好，一個單調的網站是留不住什麼人的（如果站長是你的好友，當然另當別論啦～）
不知道什麼時候聽過一位先進說過一句話：架站一分鐘，顧站十年功。現在ＣＭＳ系統普及，不只限於phpBB，有心人只要有一個空間，一個資料庫，還有短短的一分鐘，馬上就可以弄好一個新網站˙˙˙˙˙˙不用再像以前一個一個頁面慢慢建構。正因為如此，各類型的論壇如雨後春筍般冒出。所以，為了讓自己的網站更具競爭力，一個好的風格是一定要的啦！你總不希望我的最愛裡面的論壇全部都生做一個樣吧～
【方法】- How to do?
許多人對於論壇的風格設計總是望洋興歎，常常想說：我不會畫畫，怎麼可能做出好看的風格呢？其實，風格設計並沒有一般人想像的那麼複雜。簡單來說，網站就像一塊畫布，一塊巨大的畫布，而你所要做的事就是盡情揮灑顏料。這裡提供幾個方法：
另外，正所謂工具善其事，必先利其器，帶著Google Search伴隨著你作風格，保證滿載而歸喔(炸~)
【必備】- Need to know
其實論壇風格就只是一般的HTML而已，以下先來介紹HTML：
來來來，借用喬巴醫生來當範例吧！HTML全名是Hyper Text Markup Language，中文翻譯為超文本標記語言，是由各式各樣的標籤組合而成的。而這些標籤呢，就好像喬巴身上的身體部位。圖片上的HTML碼如下：
注意到了嗎？HTML的標籤很有趣，都是以身體部位來命名的，在圖上同部位的部份我把他用螢光筆畫過去了。首先，首尾的<HTML></HTML>宣告說我是HTML網頁，就像喬巴跟你說：我是麋鹿！不是怪物。再來是<HEAD></HEAD>，就像是喬巴的頭部一樣，你看到了他的臉，一眼就認出他是喬巴，而不是其他的麋鹿。<HEAD>內的<TITLE>就像喬巴的職業，告訴你喬巴是個醫生。
最下面就是身體的部份啦，<BODY>顧名思義就是指身體，也是變化最多的地方。因為所有要讓瀏覽者看到的文字、圖片、音樂˙˙˙˙˙˙都是靠這裡處理。拿喬巴來說吧，喬巴很聰明，醫學知識豐富，不過光有頭腦也是不夠的，還需要身體來達成想要做的事情，不是嗎？
大概了解HTML後，我們發現HTML只是在<>標籤內做文章，比方說以<HEAD>當開頭，當要結束時，便用</HEAD>當結尾，兩者只差在一個斜線而已。
【動刀啦～ＸＤ】- Ready? GO!
↑論壇首頁概觀圖
看到了嗎？phpBB剛架設完的樣子，感覺很單調吧(炸)，現在來開始研究這些檔案。圖中色塊右下角皆有標明檔案名稱，這些檔案在templates/subSilver/中。逐一用文字編輯程式，像EditPlus、EmEditor之類的軟體開啟，個人比較推薦EditPlus。開啟後會發現裡面都是HTML碼，現在先來看看overall_header.tpl。
左圖就是整個overall_header.tpl的縮圖，長度很長XD，要不要開看你方便就好。開啟檔案後，發現全部都是黑白的@_@，這樣要改檔案好像海底撈針一般，有沒有方法讓原始碼顯示成彩色呢？當然可以，以EditPlus為例，把overall_header.tpl另存新檔為overall_header.html，EditPlus就會自動幫你把原始碼飆上顏色。結果就跟右圖一樣啦，有顏色的話改起來也方便了許多，不過改完別忘記要把內容再次複製回去overall_header.tpl喔！如果您電腦有Macromedia Dreamweaver的話，也可以參考此篇讓DW看的懂*.tpl。
風格，顧名思義就是要讓論壇SHOW出自己的STYLE。有自己的STYLE，論壇才不會一成不變，才不會單調乏味。我架站的構思正是如此，我喜歡讓網站充滿了自己的風格。不管是網頁也好，論壇也好，一個單調的網站是留不住什麼人的（如果站長是你的好友，當然另當別論啦～）
不知道什麼時候聽過一位先進說過一句話：架站一分鐘，顧站十年功。現在ＣＭＳ系統普及，不只限於phpBB，有心人只要有一個空間，一個資料庫，還有短短的一分鐘，馬上就可以弄好一個新網站˙˙˙˙˙˙不用再像以前一個一個頁面慢慢建構。正因為如此，各類型的論壇如雨後春筍般冒出。所以，為了讓自己的網站更具競爭力，一個好的風格是一定要的啦！你總不希望我的最愛裡面的論壇全部都生做一個樣吧～
【方法】- How to do?
許多人對於論壇的風格設計總是望洋興歎，常常想說：我不會畫畫，怎麼可能做出好看的風格呢？其實，風格設計並沒有一般人想像的那麼複雜。簡單來說，網站就像一塊畫布，一塊巨大的畫布，而你所要做的事就是盡情揮灑顏料。這裡提供幾個方法：
- 圖片不一定要自創，風格也可以是一塊大拼布
- 別拘泥於原創，可以見賢思齊(參考)，不過絕對不要拾人牙慧(抄襲)
- 借別人的圖記得要標明出處，就像用繁中語系要標明by phpbb-tw.net
- 沒有塗不到顏色的地方，只有不懂的技法
另外，正所謂工具善其事，必先利其器，帶著Google Search伴隨著你作風格，保證滿載而歸喔(炸~)
【必備】- Need to know
其實論壇風格就只是一般的HTML而已，以下先來介紹HTML：
來來來，借用喬巴醫生來當範例吧！HTML全名是Hyper Text Markup Language，中文翻譯為超文本標記語言，是由各式各樣的標籤組合而成的。而這些標籤呢，就好像喬巴身上的身體部位。圖片上的HTML碼如下：
代碼: 選擇全部
<HTML>
<HEAD>
<TITLE> I'm a doctor </TITLE>
</HEAD>
<BODY>
Hello Chopper!
</BODY>
</HTML>最下面就是身體的部份啦，<BODY>顧名思義就是指身體，也是變化最多的地方。因為所有要讓瀏覽者看到的文字、圖片、音樂˙˙˙˙˙˙都是靠這裡處理。拿喬巴來說吧，喬巴很聰明，醫學知識豐富，不過光有頭腦也是不夠的，還需要身體來達成想要做的事情，不是嗎？
大概了解HTML後，我們發現HTML只是在<>標籤內做文章，比方說以<HEAD>當開頭，當要結束時，便用</HEAD>當結尾，兩者只差在一個斜線而已。
【動刀啦～ＸＤ】- Ready? GO!
↑論壇首頁概觀圖
看到了嗎？phpBB剛架設完的樣子，感覺很單調吧(炸)，現在來開始研究這些檔案。圖中色塊右下角皆有標明檔案名稱，這些檔案在templates/subSilver/中。逐一用文字編輯程式，像EditPlus、EmEditor之類的軟體開啟，個人比較推薦EditPlus。開啟後會發現裡面都是HTML碼，現在先來看看overall_header.tpl。
左圖就是整個overall_header.tpl的縮圖，長度很長XD，要不要開看你方便就好。開啟檔案後，發現全部都是黑白的@_@，這樣要改檔案好像海底撈針一般，有沒有方法讓原始碼顯示成彩色呢？當然可以，以EditPlus為例，把overall_header.tpl另存新檔為overall_header.html，EditPlus就會自動幫你把原始碼飆上顏色。結果就跟右圖一樣啦，有顏色的話改起來也方便了許多，不過改完別忘記要把內容再次複製回去overall_header.tpl喔！如果您電腦有Macromedia Dreamweaver的話，也可以參考此篇讓DW看的懂*.tpl。
Good Job
)
