程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> 關於PHP編程 >> vBulletin的使用心得--兩則版面方面的改良

vBulletin的使用心得--兩則版面方面的改良

編輯:關於PHP編程

《表格的細線框》
其實,vBulletin留下了HTML規格的表格外圍細線框的痕跡,也在全部的表格內預留了“接口”——嚴格來說,這與PHP、或數據庫是無關的,因為這是網頁設計的事。但缺省的情況下,這些細線框的HTML代碼被注釋了,不會顯示,而且也不是所有模板都有。嚴格來說,加入細線框的過程不算是HACK,所以就沒有以HACK的形式與大家分享。
雖然看上去這些細線框會令一部分人覺得好看,但要加工,也不是一件輕松事,特別是那些已經建立好自己的模板的人,他們不得不對20多個模板進行修改,要改動的地方不多,但很費事。
基本上,vBulletin的缺省模板的表格都有一個特征,如:“
”,這些表格的 cellspacing(單元格空隙)均為 1,而且每個單元格都按規律有特定的底色,這就保證了只要在外面套一個指定底色的單元格(表格),就可以讓這個表格有一個1像素寬的細線框。而 cellpadding(單元格內空白)均為 4、border(邊框)均為 1,則分別保證文字與表格有一定空隙,和不會顯示笨拙的HTML缺省邊框線。
所以,我們只要在這些表格的外面圍上一個有指定底色的表格,就可以得到一個細線框的效果。為了令這個細線框的顏色也可以設置,我建議使用“替換變量”這個vBulletin的功能。例如在原有表格前面加入“

”,後面加入“
”;然後在控制面板->替換變量->新增,加入一個 {tablebordercolor} 的變量,值為 #000000 。這樣就可以增加一個黑色的細線框。
需要修改的模板有很多,全部為
editpost,editprofile,editthread,forumdisplay,forumhome,getinfo,getip,lostpw,
memnerlist,memberlistsearch,modifyprofile,move,newreply,newthread,
openclosethread,postpreview,searchintro,searchresults,sendtofriend,
settopthread(HACKed),showfav(HACKed),showthread,standarderror
有幾點要注意:
⒈postbit 最好不要加工,因為這些細線框會重疊,導致不美觀;
⒉部分有兩個或以上的地方需要加工,如 memberlist、newreply、和 showthread ;
⒊如果模板有表單(FORM),最好圍在表格外面,但無論怎麼樣,都要保持嵌套正確;
有一點建議:如果你還沒有安裝vBulletin系統的話,最好在 installtemplate 裡面改,但要注意 " 、$ 、 都需要加 。如果你已經安裝了,那麼就麻煩些,因為你還得改掉現有的系統上的模板。看有沒有這個需要了——我就不想改。
范例:http://www.charmaine.f2s.com/
《光標位置》
當我們發言或回復時,都要用鼠標拖動滾動條,然後單擊輸入的位置,令光標停留在那裡,以便開始輸入文字。有沒有方法可以讓光標自動停留在相應位置呢?
有!
我們可以利用JavaScript對象的方法focus()來實現。加工幾個對應的模板(主要是editpost,editthread,newreply,newthread),在最後加入“

”,其中 表單 是

對應的值,而 對象 是 對應的值,具體要看模板的實際情況,如果沒有的話,就加上——就是這麼簡單。
范例:http://gogosoft.oso.com.cn/
vBulletin只是利用PHP和MySQL實現了動態、交互的Web編程,有很多方面,例如網頁的設計、圖片的制作、客戶端的編程等等我們都可以充分發揮,將其完善。

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