|
|
就自己的一點(diǎn)點(diǎn)經(jīng)驗(yàn)，希望能給初接觸模版修改的朋友有個(gè)參考。
關(guān)于模版修改， 引用星星簽名里的一句話“學(xué)好HTML很重要” ：）
一個(gè)風(fēng)格，除了換圖片和配色再深入進(jìn)去就是修改模版了。
模版也就是HTML語(yǔ)言加php變量，里邊就這兩種東西。
你可以先進(jìn)入系統(tǒng)設(shè)置里的模版編輯，隨便打開(kāi)一個(gè)模版，比如viewthread_post，個(gè)人感覺(jué)這個(gè)模版最重要了，其次才是index header footer,每個(gè)模版是論壇的哪一部分，相信你接觸多了自然就知道了，顧名思義也能看出不少。index、header、footer這三個(gè)便是進(jìn)入論壇就看到的。viewthread_post則是我們?yōu)g覽一個(gè)個(gè)帖子時(shí)看到的。
從論壇的當(dāng)前地址也可以找出你要修改相應(yīng)的模版，我們看一個(gè)個(gè)帖子時(shí)，IE里地址就是http"http://*****/viewthread.php?tid=****,如果你要修改這個(gè)頁(yè)面，就需要找到模版的viewthread這一大類；里邊有很多小分類。viewthread_post是其中之一，它便是關(guān)于帖子的，其余的幾個(gè)則是論壇跳轉(zhuǎn)了，簽名相關(guān)了等等。很多都不必理它，我們只是修改模版，不必太深入。
廢話不多說(shuō)，修改模版直觀一點(diǎn)來(lái)講，拿出網(wǎng)頁(yè)制作工具Dreamweaver，DW的可視化很方便，上邊是代碼，下邊就是預(yù)覽窗口了。還拿模版viewthread_post做例子，把你的viewthread_post模版代碼全部復(fù)制進(jìn)DW的代碼窗口里，在下邊的預(yù)覽窗口就可以清楚的看到一個(gè)帖子的框架和變量。
里邊只有這兩種東西。…………$ip是看IP的圖片，斑竹和管理員才會(huì)出現(xiàn)這個(gè)圖片；$stars是每個(gè)會(huì)員的星星；$avatar是頭像……等等，要修改模版往往就是要把這些變量可以在網(wǎng)頁(yè)里換個(gè)方式、位置顯示。這時(shí)你可以另外打開(kāi)一個(gè)IE窗口，論壇的一個(gè)帖子，看著論壇的帖子和這些個(gè)DW預(yù)覽窗口里的框架里的變量對(duì)照著，就知道了那些變量相應(yīng)的在論壇的帖子里都顯示的是什么了。或者你刪除模版里幾個(gè)變量確定修改，然后刷新論壇看看有什么變化，少了哪些就知道了。
象平常在論壇里常見(jiàn)的一些問(wèn)題都是需要修改模版解決的，比如論壇圖例需要增添一個(gè)超級(jí)斑竹等。都需要修改相應(yīng)模版即可，論壇圖例顯示時(shí)是地址是在index.php，那就在這一大類找，看名字就知道是index_whosonline這個(gè)模版，找到相關(guān)部分添加即可。不會(huì)HTML難道還不會(huì)依葫蘆畫(huà)瓢，照著斑竹、管理員的添加就可以了。還有添加簽名線等
好象扯遠(yuǎn)了，下邊還說(shuō)風(fēng)格相關(guān)。對(duì)模版有了一個(gè)初步的了解，就先找一個(gè)現(xiàn)成的模版修改一下試試。比如一個(gè)VBB的風(fēng)格不錯(cuò)，先把網(wǎng)頁(yè)另存為（當(dāng)然是你覺(jué)得不錯(cuò)的頁(yè)面了，還說(shuō)帖子那部分吧），然后用DW打開(kāi)，
用我們只要一個(gè)帖子的部分就可以了，直接在預(yù)覽窗口里刪除不要的那些東西，刪除再刪除，最后只保留一個(gè)我們想要的一個(gè)帖子的框架就可以了，然后就是再刪除多余的，比如原帖子的內(nèi)容、發(fā)帖時(shí)間等，保留一個(gè)干凈的頁(yè)面就可以了，（當(dāng)然還是事先新建一個(gè)DW窗口打開(kāi)viewthread_post的原模版，看著這個(gè)）然后把Discuz!的viewthread_post模版里的變量一個(gè)一個(gè)往里邊帶，，看看哪些變量放在哪里合適，當(dāng)然按原來(lái)的VBB安排的位置就是最佳了。替換完畢了。
看有什么添加的，框架寬度百分比什么的或自己發(fā)揮的、因?yàn)椴煌搲枰薷牡牡鹊取２畈欢嗔司桶寻汛a窗口里的代碼復(fù)制粘貼到你論壇覆蓋你的viewthread_post模版，然后就刷新看看你的成果，（注意圖片要搞對(duì)路徑同時(shí)上傳到你的空間里） 有什么不對(duì)的，繼續(xù)修改再修改。
其間有些代碼你粘貼到DW里可能顯示是黃色的錯(cuò)誤代碼，不要?jiǎng)h除，保留著自有其作用，看具體情況了。
這個(gè)只是舉的viewthread_post模版的例子，目的主要是基于熟悉、修改模版，相信接觸多了對(duì)這些都熟悉了，以后修改模版、自己做新風(fēng)格應(yīng)該就很順手了。多搞自己的原創(chuàng)。。。關(guān)于 index部分，也就是這么回事，不過(guò)注意論壇的一個(gè)頁(yè)面是需要好幾個(gè)模版組合而成的。不要把模版單獨(dú)的來(lái)看、來(lái)修改，有時(shí)需要考慮到一個(gè)分類的全局。還有就是美化論壇也多就是加框架圖片， i美化的效果立竿見(jiàn)影，對(duì)速度的影響也需要考慮一下。如果你對(duì)速度非常非常的在意，多加一個(gè)圖片都會(huì)有影響的。但是一個(gè)風(fēng)格對(duì)一個(gè)論壇給人的印象也是非常重要的。這個(gè)就不多說(shuō)了。
完整的一個(gè)風(fēng)格，一些細(xì)節(jié)，給論壇的滾動(dòng)條顏色好好搭配一下，加上一套相宜的鼠標(biāo)指針（都需IE6.0支持）/LOGO等，使論壇達(dá)到一個(gè)統(tǒng)一和諧的的效果。
模版一切都是基于HTML語(yǔ)言和變量的組合，所以再次強(qiáng)調(diào)，學(xué)好HTML很重要，如果懂一點(diǎn)HTML語(yǔ)言，相信我寫(xiě)的這些便根本不用多看了。再深入進(jìn)去，需要懂點(diǎn)php，至少是基本的語(yǔ)法。比如“php里在引號(hào)前面要加上 /”偶現(xiàn)在只懂這個(gè) ：D
聽(tīng)大C說(shuō)，以后新版本（目前的已經(jīng)是了）要采用多模版，現(xiàn)行的模版結(jié)構(gòu)可能會(huì)有一點(diǎn)點(diǎn)變化了，那時(shí)一個(gè)論壇也就可以使用多種風(fēng)格而不必局限于修改了模版就不可以再用別的了。無(wú)限憧憬中……
php技術(shù)：風(fēng)格模板初級(jí)不完全修改教程，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
