[TUTs] Tạo câu đối tết 2 bên diễn đàn

  Bài viết hay nhất1
Treo câu đối tết ở 2 bên diễn đàn không phải là điều mới lạ, hay khó khăn. Vấn đề ở đây là treo sao cho đẹp, không bị lệch hay đè lên nội dung chính.

[You must be registered and logged in to see this image.]

Ưu điểm:
Tương thích với nhiều cỡ màn hình.
Đáp ứng khi chiều rộng trình duyệt thay đổi.
Sử dụng được cho diễn đàn không cố định chiều rộng.


Hướng dẫn

Vì kích thước mỗi diễn đàn khác nhau nên không có một code chung cho tất cả.
Bạn điền thông tin vào form dưới đây để lấy code riêng cho diễn đàn mình.

Công cụ tạo Code câu đối
[You must be registered and logged in to see this link.]

Ghi chú:

  1. Loại chiều rộng: Nếu chiều rộng của bạn không cố định (ví dụ: 98% hoặc 100%) thì chọn loại Co giãn.
  2. Selector: Điền selector của khung tạo nên chiều rộng của diễn đàn với loại Co giãn. Các selector mặc định:
    punBB: .pun
    phpBB2: .bodylinewidth
    phpBB3: #wrap
    Invision: #ipbwrapper

  3. Chiều rộng: Nếu chiều rộng của bạn là Cố định thì bạn nhập kích thước chiều rộng (width). Nếu chiều rộng của diễn đàn là Co giãn thì bạn nhập kích thước chiều rộng tối thiểu (min-width).

Sau đó, nhấn Lấy code, bạn sẽ có được CSS và HTML câu đối để nhúng vào diễn đàn.

CSS câu đối: Thêm vào CSS của diễn đàn
ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet:
Optimize your CSS: Không

HTML câu đối:
ACP >> Display >> QLTT >> overall_header
Thêm code HTML vào bên dưới:
Code:
<body>

Nếu bạn dùng phpBB3 hoặc Invision, không sửa được Templates thì dùng Javascript để chèn:
Code:
$(function(){
   $("body").append('<div class="caudoi trai"></div><div class="caudoi phai"></div>');
});


Zzbaivong
  Bài viết hay nhất2
Ồ, hàng chào xuân đúng vào 23 tháng chạp luôn :3

Ngoài lề tí: có hai câu đối mà giao diện devs không có nền nhìn buồn quá :\
  Bài viết hay nhất3
Bổ sung chức năng xem trước trong popup. :3
Nếu nhấn Lấy code mà popup bị chặn thì nhớ tắt nhé! :D
  Bài viết hay nhất4
hay
  Bài viết hay nhất5
[You must be registered and logged in to see this link.]
[You must be registered and logged in to see this link.] wrote:hay
để ý lâu rồi nhé, xuất hiện 2 cmt nhãm, xóa ngay kẻo muộn :3
  Bài viết hay nhất6
Khung code ở phần xem trước có một sự hẹp nhẹ o_O
  Bài viết hay nhất7
You cannot reply to topics in this forum