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: CHỌN NỘI DUNG CODE
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
thay bằng
CODE: CHỌN NỘI DUNG CODE
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
B2:
Vào Css (Display -> Colors -> CSS Stylesheet)
Dán đoạn sau vào Css
CODE: CHỌN NỘI DUNG 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;
}
B3:
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: CHỌN NỘI DUNG CODE
background: #ccf0ff
thay đổi mã màu #ccf00ff
2/để chia thành 3 cột tìm
CODE: CHỌN NỘI DUNG CODE
width: 375px
đổi thành
CODE: CHỌN NỘI DUNG CODE
width: 430px