[Code] Tạo chuyên mục con auto chia 2 cột

**Cáo Soái Ca**

Bài viết : 151

Cỏ : 510999

Nổi tiếng : 115

♚ Quản Gia ❣

Bước 1:
-ACP-> Display-> Homepage-> Structure and hierarchy-> Split categories on index
chọn Medium

-ACP-> Display-> Homepage-> Structure and hierarchy-> Hierarchy
tùy chỉnh như hình sau:
[Code] Tạo chuyên mục con auto chia 2 cột Chaa_c14

[Code] Tạo chuyên mục con auto chia 2 cột Chaa_c14

Bước 2 vào index_box
Tìm:

Code:: {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}

thay bằng:

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

Bước 3: Thêm vào css:
-Có background: (code dưới có background màu xanh da trời với mã màu là #ccf0ff các bạn có thể thay màu tùy ý)
Demo: [Code] Tạo chuyên mục con auto chia 2 cột Chaa_c15

[Code] Tạo chuyên mục con auto chia 2 cột Chaa_c15

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; }

-Không có background:
Demo:
[Code] Tạo chuyên mục con auto chia 2 cột Chaa_c16

Code:: #smallrum{padding: 0.8em 1em; margin: 3px 1px; [size=12][/size] color: #FFFFFF; width: 375px;}[size=12][/size] #smallrum a img{vertical-align: middle; padding-right: 2px;}[size=12][/size] #smallrum a.gensmall {[size=12][/size] display: inline-block;[size=12][/size] text-align: left;[size=12][/size] width: 160px;[size=12][/size] }

Tài Sản của Cáo Soái Ca

Character sheet
Thú cưng:

Huân Chương:

Cáo Soái Ca 1 [Code] Tạo chuyên mục con auto chia 2 cột Thu Jun 22, 2017 7:29 am