#162288 gửi bởi anhcoo
Ngày 16 Tháng 10 2014 , 13:17
Đăng nhập vào hosting sửa trực tiếp trong theme

Hình ảnh

Chọn theme

Hình ảnh

Hình ảnh

Chọn Edit file config.ini

Hình ảnh

Thêm thẻ position như trong hình

Hình ảnh

Đây là đoạn mã mình thêm vào

Hình ảnh

Sau đó lưu lại

Hình ảnh

Vào layout

Hình ảnh

Chọn layout bạn muốn thêm vào, ở đây mình sẽ chọn layout body

Hình ảnh

Thêm class cho nó

Hình ảnh

Đây là mã mình thêm vào

Hình ảnh

Chú ý tên khối phải giống với bên file config, mình chọn
Mã: Chọn hết
col-sm-4
mã này có sẵn quy định trong file css quy định giá trị chia khoảng cách giao diện ra 3 phần bằng nhau trong file bootstrap.css ở thư mục css thong theme

Sau khi lưu lại các chỉnh sửa, vào trong admin xóa cache đi

Hình ảnh

Và chọn module muốn dùng khối mới này (tùy chọn)

Hình ảnh

Sau đó ra ngoài web bật kéo thả block lên và xem kết quả

Hình ảnh

Mình sẽ tăng lên làm 3 khối

Sửa file config

Hình ảnh

và file layout hồi nãy

Hình ảnh

Và đây là kết quả cuối cùng của mình

Hình ảnh

Hosting www.hostingxanh.com
#162355 gửi bởi hongoctrien
Ngày 19 Tháng 10 2014 , 07:23
ngoctu2008 đã viết:Anh có thể đưa ra các định nghĩa mã mà css có sữa kiểm như thế này được không anh?
Mã: Chọn hết
col-sm-4

Có giá trị là: chia khoảng cách giao diện ra 3 phần bằng nhau.

Thank trước!


http://getbootstrap.com/css/#grid
Bạn tìm hiểu hệ thống grid của bootstrap nhé

Hỏi nhanh đáp gọn tất tần tật mọi thứ liên quan đến NukeViet ==> https://mynukeviet.net/hoi-dap/
#162358 gửi bởi anhcoo
Ngày 19 Tháng 10 2014 , 07:43
ngoctu2008 đã viết:Anh có thể đưa ra các định nghĩa mã mà css có sữa kiểm như thế này được không anh?
Mã: Chọn hết
col-sm-4

Có giá trị là: chia khoảng cách giao diện ra 3 phần bằng nhau.

Thank trước!

giá trị này lấy luôn trong css
Mã: Chọn hết
col-sm-4 {
width: 33.33333333%;
}
:D

Hosting www.hostingxanh.com
#162361 gửi bởi ngoctu2008
Ngày 19 Tháng 10 2014 , 09:43
Có thể hiểu như thế này: Chiều rộng của một trang được chia làm 12 phần bằng nhau.
- col-sm-1: 1/12 chiều rộng của site;
- col-sm-2: 2/12 chiều rộng của site;
- col-sm-3: 3/12 chiều rộng của site;
.......
- col-sm-10: 10/12 chiều rộng của site;
- col-sm-11: 11/12 chiều rộng của site;
- col-sm-12: 12/12 chiều rộng của site;
Từ đó tùy nhu cầu ta có thể kết hợp để tạo các khối block sao cho bằng độ rộng của site cho đẹp, ví dụ:
3 -3 - 3 -3
4 - 4 - 4
9 - 3
---

Nếu dễ hiểu thì thank nha :-?
:)) :)) :)) :)) :))
#162364 gửi bởi anhcoo
Ngày 19 Tháng 10 2014 , 10:59
ngoctu2008 đã viết:Có thể hiểu như thế này: Chiều rộng của một trang được chia làm 12 phần bằng nhau.
- col-sm-1: 1/12 chiều rộng của site;
- col-sm-2: 2/12 chiều rộng của site;
- col-sm-3: 3/12 chiều rộng của site;
.......
- col-sm-10: 10/12 chiều rộng của site;
- col-sm-11: 11/12 chiều rộng của site;
- col-sm-12: 12/12 chiều rộng của site;
Từ đó tùy nhu cầu ta có thể kết hợp để tạo các khối block sao cho bằng độ rộng của site cho đẹp, ví dụ:
3 -3 - 3 -3
4 - 4 - 4
9 - 3
---

Nếu dễ hiểu thì thank nha :-?
:)) :)) :)) :)) :))


Mình biết mấy cái này đối với 1 số người thấy bình thường nhưng chẳng thấy chỉ cho ai cả, nhiều thứ các thành viên mới vào họ chưa biết, chính vì người biết ko chịu chỉ cho người chưa biết nên dẫn đến tình trạng theme, module của NK ngèo nàn thế này, rồi lại ngồi trách sao NK không phát triển này nọ, ko thu hút bằng WP, nào là WP có nhiều theme, plugin free tha hồ chọn....... Người biết thì ko làm hoặc ko chỉ, người muốn làm lại ko biết .......

Hosting www.hostingxanh.com
#162389 gửi bởi anhcoo
Ngày 20 Tháng 10 2014 , 11:00
ngoctu2008 đã viết:Bạn anhcoo!
Bạn có thể hướng dẫn thêm cho mọi người cách thêm block vào một vị trí bất kỳ được không? Ví dụ như tại vị trí của {block social} hay tại một vị trí nào đó!

=D> mình bắt đầu có ấn tượng với bạn rồi đấy

Hosting www.hostingxanh.com