Experience using vBulletin--Two layout improvements

Experience using vBulletin--Two layout improvements_PHP tutorial

WBOY

Release： 2016-07-13 17:24:54

Original

1398 people have browsed it

"The thin line frame of the table"
In fact, vBulletin left traces of the thin line frame around the table in HTML specifications, and also reserved "interfaces" in all tables - strictly speaking, this is different from PHP, or Databases are irrelevant as this is a web design thing. But by default, the HTML code of these thin line boxes is commented and will not be displayed, and not all templates have it. Strictly speaking, the process of adding thin wire frames is not a HACK, so I will not share it with you in the form of a HACK.
Although these thin line frames may look good to some people, it is not an easy task to process, especially those who have already created their own templates. They have to modify more than 20 templates. There isn't much to change, but it's a lot of work.
Basically, the tables in vBulletin’s default template all have a feature, such as: “
”. The cellspacing of these tables is all 1, and each cell has a specific pattern according to the rules. Background color, this ensures that as long as a cell (table) with a specified background color is placed outside, the table can have a thin line frame of 1 pixel width. The cellpadding (blank space in the cell) is both 4, and the border (border) is both 1, which ensures that there is a certain gap between the text and the table, and that the clumsy HTML default border line will not be displayed.
So, we only need to surround these tables with a table with a specified background color to get the effect of a thin line frame. In order to make the color of this thin line frame also configurable, I recommend using the vBulletin function of "replacement variables". For example, add "

" in front of the original table and "
" after it; then go to Control Panel -> Replace Variables -> Add and add a {tablebordercolor} variable with the value #000000. This will add a thin black line frame.
There are many templates that need to be modified, all of which are
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
There are a few points to note:
⒈postbit It is best not to process, because these thin lines The frames will overlap, resulting in an unsightly appearance;
⒉ There are two or more parts that need to be processed, such as memberlist, newreply, and showthread;
⒊If the template has a form (FORM), it is best to surround it outside the form. But no matter what, you must keep the nesting correct;
A little suggestion: If you have not installed the vBulletin system, it is best to change it in the installtemplate, but be aware that " , $ , and " all need to be added. If you have already installed it , then it will be more troublesome, because you have to change the template on the existing system to see if there is a need - I don't want to change it.
Example: http://www.charmaine.f2s.com. /
《Cursor Position》
When we speak or reply, we have to drag the scroll bar with the mouse, and then click the input position to make the cursor stay there so that we can start inputting text. The cursor automatically stays at the corresponding position?
Yes!
We can use the JavaScript object method focus() to process several corresponding templates (mainly editpost, editthread, newreply, newthread), and add them at the end. "

", where the form is the value corresponding to