thông báo diễn đàn chuyển sang tên miền www.bodesontra.net

You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1Chia box thành 2/3 cột Empty Chia box thành 2/3 cột Tue Aug 21, 2012 7:34 pm

Admin

Admin
Chủ Tịch Forum
Chủ Tịch Forum
Demo: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
Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
thay bằng
Code:
<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
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:
background: #ccf0ff
thay đổi mã màu #ccf00ff

2/để chia thành 3 cột tìm
Code:
width: 375px
đổi thành
Code:
width: 430px

http://www.bodesontra.net

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

Đang kiểm tra dữ liệu...

Bạn phải điền đầy đủ thông tin đăng ký.

Số ký tự phải từ 6 trở lên
Hãy chọn tài khoản khác
Có thể dùng tài khoản này
Không sử dụng địa chỉ này
E-mail sẽ được kiểm sau
Số ký tự phải từ 6 trở lên
Trùng tên đăng nhập
Chưa đúng
Chính xác

 

Domain : Trịnh Bá Chính
2013 Converted Forumtion by : An Hùng