首頁 >後端開發 >php教程 >風格模板初級不完全修改教程_PHP教程

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

WBOY
WBOY原創
2016-07-21 16:07:51858瀏覽


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

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

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

模版也就是HTML語言加上PHP變量,裡邊就這兩種東西。
你可以先進入系統設定裡的模版編輯,隨便打開一個模版,比如viewthread_post,個人感覺這個模版最重要了,其次才是index   header   footer,每個模版是論壇的哪一部分,相信你接觸多了自然就知道了,顧名思義也看得出不少。 index、header、footer這三個便是進入論壇就看到的。 viewthread_post則是我們瀏覽一個個貼文時看到的。
從論壇的當前地址也可以找出你要修改對應的模版,我們看一個個帖子時,IE里地址就是http"//***/viewthread.php?tid=,如果你要修改這個頁面,就需要找到模版的viewthread這一大類;裡邊有很多小分類。轉了,簽名相關了等等。 Dreamweaver,DW的視覺化很方便,上邊是程式碼,下邊就是預覽視窗了。到一個貼文的框架和變數。星星;$avatar是頭像…等等,要修改模版往往就是要把這些變數可以在網頁裡換個方式、位置顯示。和這些個DW預覽視窗裡的框架裡的變數對照著,就知道了那些變數對應的在論壇的貼文裡都顯示的是什麼了。有什麼變化,少了哪些就知道了。對應模版即可,論壇圖例顯示時是地址是在index.PHP,那就在這一大類找,看名字就知道是index_whosonline這個模版,找到相關部分添加即可。葫蘆畫瓢,照著斑竹、管理員的添加就可以了。 對模版有了初步的了解,就先找一個現成的模版修改一下試試。例如一個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說,以後新版本(目前的已經是了)要採用多模版,現行的模版結構可能會有一點點變化了,那時一個論壇也就可以使用多種風格而不必局限於修改了模版就不可以再用別的了。無限憧憬中… 

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/314968.htmlTechArticle就自己的一點經驗,希望能給初接觸模版修改的朋友有個參考。 關於模版修改, 引用星星簽名裡的一句話「學好HTML很重要」:) 一個風...
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn