Đóng khung quảng cáo lại sẽ nhìn giao diện đỡ bị rối hơn, để giúp member có cảm giác quảng cáo do chính Ban Quản Trị chủ động thêm vào chứ không phải do diễn đàn miễn phí nên bị hiển thị quảng cáo mà không làm chủ được. Cũng để member thấy được đây là phần quảng cáo chứ không phải thông báo hay chú ý gì của diễn đàn.
Demo:
Trang Index:
Trang Profile:
Cách làm:
Bước 1: Vào Modules -> Javascript codes managerment -> Tạo mới 1 file javascript, Placement thì check vào "In all the pages". Nội dung như sau:
Save lại.
Bước 2: Vào Display -> Colors -> CSS Stylesheet, thêm vào đoạn dưới đây:
Save lại.
Đôi lời nhắn nhủ: Đây chỉ là ý tưởng của riêng cá nhân mình chia sẻ. Các bạn nên trang bị kiến thức về code cho mình để đọc hiểu đoạn code trên, để có thể dễ dàng chỉnh sửa theo ý của riêng bạn, hoặc chỉnh sửa sao cho phù hợp với skin diễn đàn bạn đang sử dụng. Vì vậy mình không có trách nhiệm về đoạn code bạn đặt trong diễn đàn của bạn và phải sửa cho từng diễn đàn của các bạn nhé. Hoặc nếu thấy có xấu thì cũng đừng chê bai, vì đây là ý tưởng của mình và code đơn giản hết sức và dễ hiểu cho các bạn tùy chỉnh.
Và một điều quan trọng: Tôn trọng Terms Of Service của Forumotion, không dùng đoạn code trên cho mục đích khác.
P/s: Nếu muốn chỉnh sửa CSS, nên thêm vào trong đoạn script javascript và có "!important" vào để hiệu lực tốt nhé. Và những diễn đàn đang chèn nhiều iframe thì lấy id của iframe đó cho vào đoạn javascript phía trên để không bị đóng khung iframe đó nhé. Chúc các bạn thành công!
Demo:
Trang Index:
Trang Profile:
Cách làm:
Bước 1: Vào Modules -> Javascript codes managerment -> Tạo mới 1 file javascript, Placement thì check vào "In all the pages". Nội dung như sau:
- Code:
$(document).ready(function() {
$("iframe[id!='frame_chatbox']").css("padding","5px 0").parent().addClass("div_ads_content").attr("style","width:99%!important;height:auto!important;margin-top:10px!important;").prepend("<div class='div_ads_header gensmall'><b>Quảng Cáo</b></div>").parent().attr("style","background-color:#fff!important;").find("br.clear").remove();
});
Save lại.
Bước 2: Vào Display -> Colors -> CSS Stylesheet, thêm vào đoạn dưới đây:
- Code:
.div_ads_content {
border:1px solid #a9b8c2 !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background:#F1F1F1 !important;
}
.div_ads_header {
border-bottom:1px solid #a9b8c2 !important;
text-align:center;
background-color:#cccccc;
padding:5px 0 5px 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
Save lại.
Đôi lời nhắn nhủ: Đây chỉ là ý tưởng của riêng cá nhân mình chia sẻ. Các bạn nên trang bị kiến thức về code cho mình để đọc hiểu đoạn code trên, để có thể dễ dàng chỉnh sửa theo ý của riêng bạn, hoặc chỉnh sửa sao cho phù hợp với skin diễn đàn bạn đang sử dụng. Vì vậy mình không có trách nhiệm về đoạn code bạn đặt trong diễn đàn của bạn và phải sửa cho từng diễn đàn của các bạn nhé. Hoặc nếu thấy có xấu thì cũng đừng chê bai, vì đây là ý tưởng của mình và code đơn giản hết sức và dễ hiểu cho các bạn tùy chỉnh.
Và một điều quan trọng: Tôn trọng Terms Of Service của Forumotion, không dùng đoạn code trên cho mục đích khác.
P/s: Nếu muốn chỉnh sửa CSS, nên thêm vào trong đoạn script javascript và có "!important" vào để hiệu lực tốt nhé. Và những diễn đàn đang chèn nhiều iframe thì lấy id của iframe đó cho vào đoạn javascript phía trên để không bị đóng khung iframe đó nhé. Chúc các bạn thành công!
Nguồn: Chinh phục