Demo:

Code:

http://vt9x.co.cc/forum
 

Demo trên là dạng 3 cột

Đến lượt cách thực hiện:
B1:
Vào Index_Box (Display -> Templates -> QLTT) tìm đoạn

Code:

 
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 

thay bằng

Code:

 
<div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
 

B2:
Vào Css (Display -> Colors -> CSS Stylesheet)
Dán đoạn sau vào Css

Code:

 #smallrum{padding: 0.4em 1em;margin: 3px 1px;
background: #ccf0ff none;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
width: 160px;
}


3:
Vào Display -> Structure and hierachy -> Split categories on index : Medium -> Sub-level links on index : With pics

Phân tích:
1/để thay đổi nền box thì tìm

Code:

background: #ccf0ff
 

thay đổi mã màu #ccf00ff

2/để chia thành 3 cột tìm

Code:

width: 375px
 

đổi thành

Code:

 width: 430px