Zone-FM - Cộng Đồng Forumotion Việt Nam [Code] Chia box thành 2/3 cột
bucnong
bucnong
Thành Viên
Bài Viết : 51
03.11.12 19:41
bucnong - Thành Viên
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

{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



Hãy Đăng Nhập Để Gửi Bình Luận - Nếu Chưa Có Tài Khoản Đăng Ký - Click Tại Đây


 

© 2016 Spiderum Themes Cover Forumotion By @Thànhkent