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