Bài viết : [Hướng.Dẫn] Tạo Chuyện Mục Box Chia 2 Cột

Bài viết thứ :1
Đăng vào:Wed Jan 14, 2015 3:13 pm

Admin

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:
[Hướng.Dẫn] Tạo Chuyện Mục Box Chia 2 Cột Chaa_c14

[Hướng.Dẫn] Tạo Chuyện Mục Box Chia 2 Cột Chaa_c14

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

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

thay bằng:
Code:

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: [Hướng.Dẫn] Tạo Chuyện Mục Box Chia 2 Cột Chaa_c15

[Hướng.Dẫn] Tạo Chuyện Mục Box Chia 2 Cột Chaa_c15

Code:

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: [Hướng.Dẫn] Tạo Chuyện Mục Box Chia 2 Cột Chaa_c16

Code:

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

Nhớ Ấn Nút Thank Nhé Mọi Người [Hướng.Dẫn] Tạo Chuyện Mục Box Chia 2 Cột Post_thanks