[Thắc mắc] banner tự thay đổi theo box

[Lowie]

Vào box nào thì banner sẽ hiện ra banner box ấy (do mình đặt) ai giúp với 

[K.-Kun]

Giống forum ta á  

[Rin]

đây là vấn đề trước kia Rin đã từng làm thữ với js và chưa thành công  dạng như bên vns mà làm chưa dc tiện ai làm dc quăng code tham khảo cái nào có gì Rin phát triển lun

[Ocean Sapphire]

có demo ko chun

[K.-Kun]

Nếu như giống forum ta thì dễ thôi  

[Lowie]

Nếu như giống forum ta thì dễ thôi  

Phét voã.i, có thấy đâu 

[K.-Kun]

Nếu như giống forum ta thì dễ thôi  

Phét ***, có thấy đâu 

Phúc! Cho chú xem lại này! Đừng nhờn với anh!

Code:

http://vn-icefox.forum.st/f1-forum
http://vn-icefox.forum.st/f3-forum

[Lowie]

chú đùa với thần rùa à? Banner của chú là cái login đăng nhập kia kìa chứ cho vào thành 2 banner à?

[baivong]

Trong temp viewforum_body có {FORUM_ID} thay đổi theo từng chuyên mục, chỉ việc dùng nó để đặt id hoặc class cho banner rồi thêm CSS background là xong.
Nếu invision hoặc phpBB3 thì dùng js lấy forum_id từ location.pathname

[Rin]

ơ thế mình dùng css cũng dc phải ko huynh nhỉ

[baivong]

phải sửa temp thì mới dùng css được. Ví dụ:

Code:

<div class="forum_{FORUM_ID}"></div>

[Rin]

huynh quất cho em 1 đoạn css ví dụ lun đi huynh chứ css thì em mù tịt

[K.-Kun]

Cho đoạn này vào chỗ cần hiện banner box:

Code:

<div class="banner{FORUM_ID}"></div>

Tạo 1 JS mới check InTheSubForum

Code:

$(function(){

$(".bannerA").replaceWith('<center><img src="LINK BANNER"/></center>');  

$(".bannerB").replaceWith('<center><img src="LINK BANNER"/></center>');  

});

A B là Id của box. LINK BANNER là link ảnh banner Cứ thế mà nhân lên thôi! Chúc thành công

[Rin]

js thì anh hiểu nhưng đang tránh dùng js vì nó làm chậm 4r rất nhiều ai pro css cải tiến nó lại bằng css cho đỡ load lâu đi

[K.-Kun]

Cái này nhẹ ồm mà anh vả lại nó chỉ đặt ở sub forum nên load nhẹ lắm!

[Ocean Sapphire]

js thì anh hiểu nhưng đang tránh dùng js vì nó làm chậm 4r rất nhiều ai pro css cải tiến nó lại bằng css cho đỡ load lâu đi

 nghi là đổi thành css thì sẽ thành ra nặng hơn đấy

[Rin]

thôi mà cũng ko dùng nó nữa js nhiều quá rồi load 4r mà mất tới 3-5s rồi .... đang phấn đấu như nhiều tiện ích nhưng vẫn load nhẹ

[baivong]

Tìm chỗ đặt code này vào Temp viewforum_body:

Code:

<div class="bnf fid_{FORUM_ID}"></div>

Thêm vào CSS:

Code:

.bnf {
    background: url(URL BANNER MẶC ĐỊNH) no-repeat scroll center center / auto 100% transparent;
    height: 150px;
    width: 100%;
}

Nếu muốn thay đổi banner cho box nào đấy, ví dụ box có forum_id là 1 chẳng hạn thì thêm CSS:

Code:

.bnf.fid_1{
    background-image: url(URL BANNER BOX 1);
}

Có bao nhiêu box thì thêm bấy nhiêu, thay đổi số forum_id tương ứng là được.
P/s: Chắn chắn nhanh hơn js

[Rin]

yeah có hàng rồi dùng thui tất nhiên là nhanh hơn js rồi em dùng js suốt nên biết nó load lâu cỡ nào

[Sponsored content]