程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> 風格模板初級不完全修改教程

風格模板初級不完全修改教程

編輯:關於PHP編程


就自己的一點點經驗,希望能給初接觸模版修改的朋友有個參考。

關於模版修改, 引用星星簽名裡的一句話“學好HTML很重要”  :)

一個風格,除了換圖片和配色再深入進去就是修改模版了。

模版也就是HTML語言加PHP變量,裡邊就這兩種東西。
你可以先進入系統設置裡的模版編輯,隨便打開一個模版,比如viewthread_post,個人感覺這個模版最重要了,其次才是index   header   footer,每個模版是論壇的哪一部分,相信你接觸多了自然就知道了,顧名思義也能看出不少。index、header、footer這三個便是進入論壇就看到的。viewthread_post則是我們浏覽一個個帖子時看到的。
從論壇的當前地址也可以找出你要修改相應的模版,我們看一個個帖子時,IE裡地址就是http"//*****/viewthread.php?tid=****,如果你要修改這個頁面,就需要找到模版的viewthread這一大類;裡邊有很多小分類。viewthread_post是其中之一,它便是關於帖子的,其余的幾個則是論壇跳轉了,簽名相關了等等。很多都不必理它,我們只是修改模版,不必太深入。


廢話不多說,修改模版直觀一點來講,拿出網頁制作工具Dreamweaver,DW的可視化很方便,上邊是代碼,下邊就是預覽窗口了。還拿模版viewthread_post做例子,把你的viewthread_post模版代碼全部復制進DW的代碼窗口裡,在下邊的預覽窗口就可以清楚的看到一個帖子的框架和變量。

裡邊只有這兩種東西。…………$ip是看IP的圖片,斑竹和管理員才會出現這個圖片;$stars是每個會員的星星;$avatar是頭像……等等,要修改模版往往就是要把這些變量可以在網頁裡換個方式、位置顯示。這時你可以另外打開一個IE窗口,論壇的一個帖子,看著論壇的帖子和這些個DW預覽窗口裡的框架裡的變量對照著,就知道了那些變量相應的在論壇的帖子裡都顯示的是什麼了。或者你刪除模版裡幾個變量確定修改,然後刷新論壇看看有什麼變化,少了哪些就知道了。


象平常在論壇裡常見的一些問題都是需要修改模版解決的,比如論壇圖例需要增添一個超級斑竹等。都需要修改相應模版即可,論壇圖例顯示時是地址是在index.PHP,那就在這一大類找,看名字就知道是index_whosonline這個模版,找到相關部分添加即可。不會HTML難道還不會依葫蘆畫瓢,照著斑竹、管理員的添加就可以了。還有添加簽名線等
好象扯遠了,下邊還說風格相關。 對模版有了一個初步的了解,就先找一個現成的模版修改一下試試。比如一個VBB的風格不錯,先把網頁另存為(當然是你覺得不錯的頁面了,還說帖子那部分吧),然後用DW打開,

用我們只要一個帖子的部分就可以了,直接在預覽窗口裡刪除不要的那些東西,刪除再刪除,最後只保留一個我們想要的一個帖子的框架就可以了,然後就是再刪除多余的,比如原帖子的內容、發帖時間等,保留一個干淨的頁面就可以了,(當然還是事先新建一個DW窗口打開viewthread_post的原模版,看著這個)然後把Discuz!的viewthread_post模版裡的變量一個一個往裡邊帶,,看看哪些變量放在哪裡合適,當然按原來的VBB安排的位置就是最佳了。替換完畢了。

看有什麼添加的,框架寬度百分比什麼的或自己發揮的、因為不同論壇需要修改的等等。差不多了就把把代碼窗口裡的代碼復制粘貼到你論壇覆蓋你的viewthread_post模版,然後就刷新看看你的成果,(注意圖片要搞對路徑同時上傳到你的空間裡) 有什麼不對的,繼續修改再修改。

其間有些代碼你粘貼到DW裡可能顯示是黃色的錯誤代碼,不要刪除,保留著自有其作用,看具體情況了。



這個只是舉的viewthread_post模版的例子,目的主要是基於熟悉、修改模版,相信接觸多了對這些都熟悉了,以後修改模版、自己做新風格應該就很順手了。多搞自己的原創。。。關於 index部分,也就是這麼回事,不過注意論壇的一個頁面是需要好幾個模版組合而成的。不要把模版單獨的來看、來修改,有時需要考慮到一個分類的全局。還有就是美化論壇也多就是加框架圖片,  i美化的效果立竿見影,對速度的影響也需要考慮一下。如果你對速度非常非常的在意,多加一個圖片都會有影響的。但是一個風格對一個論壇給人的印象也是非常重要的。這個就不多說了。
完整的一個風格,一些細節,給論壇的滾動條顏色好好搭配一下,加上一套相宜的鼠標指針(都需IE6.0支持)\LOGO等,使論壇達到一個統一和諧的的效果。

模版一切都是基於HTML語言和變量的組合,所以再次強調,學好HTML很重要,如果懂一點HTML語言,相信我寫的這些便根本不用多看了。再深入進去,需要懂點PHP,至少是基本的語法。比如“PHP裡在引號前面要加上 \”偶現在只懂這個   :D

聽大C說,以後新版本(目前的已經是了)要采用多模版,現行的模版結構可能會有一點點變化了,那時一個論壇也就可以使用多種風格而不必局限於修改了模版就不可以再用別的了。無限憧憬中…… 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved