風格,顧名思義就是要讓論壇SHOW出自己的STYLE。有自己的STYLE,論壇才不會一成不變,才不會單調乏味。我架站的構思正是如此,我喜歡讓網站充滿了自己的風格。不管是網頁也好,論壇也好,一個單調的網站是留不住什麼人的(如果站長是你的好友,當然另當別論啦~)
不知道什麼時候聽過一位先進說過一句話:架站一分鐘,顧站十年功。現在CMS系統普及,不只限於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>當結尾,兩者只差在一個斜線而已。
【動刀啦~XD】- 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。