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