[FMvi-group] Tự động thay 33 hình nền giáng sinh ngẫu nhiên cho mọi phiên bản

Chức năng: Hướng dẫn này sẽ giúp forum bạn có bộ 33 hình nền giáng sinh cực đẹp, hiển thị ngẫu nhiên mỗi khi tải trang. Ảnh nền kích thước 1920 x 1200px, được up lên host go.vn với ưu thế về tốc độ và sự ổn định.

Demo: http://www.FMvi.org
Link download: http://photos.go.vn/Album/3079369/10798851/wallpaper-xmas-1920x1200.html

Hướng dẫn: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:

* Title * : 33 hình nền giáng sinh ngẫu nhiên
* Placement : In all the pages
* Javascript Code * :
punBB:

Code:


      1. $(function () {
      2.    var XmasRandom = Math.floor(32 * Math.random()),
      3.        opacity = $("div.pun");
      4.    0 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/C8E7BB58251C9611B92EC82237F0465E.jpg) repeat fixed 0 0 transparent") : 1 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/7E7700BC86BB9B886D79BD909AC6391F.png) repeat fixed 0 0 transparent") : 2 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/AB5E9200FB695E7CB1E066BA332C2EBA.jpg) repeat fixed 0 0 transparent") : 3 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/178483B7EF57DE3BFF49ABE7264A21A7.jpg) repeat fixed 0 0 transparent") : 4 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/31449EFD84C524684A09B696755C8003.jpg) repeat fixed 0 0 transparent") : 5 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/62CE597DD9DC347360D0E8DCB405F830.jpg) repeat fixed 0 0 transparent") : 6 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/610DB6ED81E6A0E91383EBB5BF50DDDF.jpg) repeat fixed 0 0 transparent") : 7 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/8A9CB6EB592304120C5EA7B9E0D8D46E.jpg) repeat fixed 0 0 transparent") : 8 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/A9326E0E8C40A891EC477EE4A13B92EB.jpg) repeat fixed 0 0 transparent") : 9 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/DBD84021832D560B363E7E6421071D3B.jpg) repeat fixed 0 0 transparent") : 10 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/6550312CCD4D19042A3AECC3CAB2DA37.jpg) repeat fixed 0 0 transparent") : 11 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/0BBDBEDF074E3C18D630CA6C847E5C5A.jpg) repeat fixed 0 0 transparent") : 12 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/0F96B26CD58E0D4AB1518A1B1EBABEB3.jpg) repeat fixed 0 0 transparent") : 13 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/B8848D563BE90569BA92F68F3C54EFBF.jpg) repeat fixed 0 0 transparent") : 14 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/83A52C4A8EB0A629EC4F4CAEAA25B5F8.jpg) repeat fixed 0 0 transparent") : 15 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/91713A97B6919C507FDEC637B31CF089.jpg) repeat fixed 0 0 transparent") : 16 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/DBC3005AF345466087C1D630852CA811.jpg) repeat fixed 0 0 transparent") : 17 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/065B403B077760992469A2AC4F2A5BA3.jpg) repeat fixed 0 0 transparent") : 18 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/CD613403531C8CB78D9DBE00827AC91E.jpg) repeat fixed 0 0 transparent") : 19 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/025F5F8569C95D17D7FA9EDE9C9CD4F1.jpg) repeat fixed 0 0 transparent") : 20 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/EA38C20949A18D369945E1E0B9917FD0.jpg) repeat fixed 0 0 transparent") : 21 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/53C512A1CFCCD8F91D83BCEB07BA363E.jpg) repeat fixed 0 0 transparent") : 22 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/EEF0540EBD0A32E308A638051822F2D7.jpg) repeat fixed 0 0 transparent") : 23 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/E843A47F7CD2A09861D3748A7EFA0F7E.jpg) repeat fixed 0 0 transparent") : 24 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/B5E1067A2BDA943953F028E4A1DEB51D.jpeg) repeat fixed 0 0 transparent") : 25 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/57C320B04D4A14C23FF3BCD20F63DFB9.jpg) repeat fixed 0 0 transparent") : 26 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/9351B61DC5B952582E3413ED06BF0ED0.jpg) repeat fixed 0 0 transparent") : 27 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/6E568BDD241BBC6EDEECD4B5E91FCB09.jpg) repeat fixed 0 0 transparent") : 28 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/088590B46B5F5E6EB42043C5F6CDFFAD.jpg) repeat fixed 0 0 transparent") : 29 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/920FC872E2C3EC39C6DD175DCFBB9774.jpg) repeat fixed 0 0 transparent") : 30 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/8C99B1651FB6F6A7B47AE4B540E64B94.jpg) repeat fixed 0 0 transparent") : 31 == XmasRandom ? $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/6793C4CCCBADE34FD7B5A091536998E2.jpg) repeat fixed 0 0 transparent") : 32 == XmasRandom && $("body").css("background", "url(http://farm04.go.vn/photo/data/20111207/10798851/E04141CB62E3027DAEA62200982E5247.jpg) repeat fixed 0 0 transparent");
      5.    opacity.css("opacity", "0.9");
      6.    opacity.hover(function () {
      7.        $(this).css("opacity", "0.9")
      8.    }, function () {
      9.        $(this).css("opacity", "0.5")
      10.    });
      11. });


* Với các phiên bản khác punBB các bạn tìm trong code trên div.pun và thay nó bằng đoạn mã tương ứng:
phpBB2: table.bodylinewidth
phpBB3: div#wrap
Invision: div#ipbwrapper



Ghi chú: Trong code trên, có 2 đoạn ở đầu và cuối

Code:


      1. ,opacity = $("div.pun")


Code:


      1. opacity.css("opacity", "0.9");
      2. opacity.hover(function () {
      3.    $(this).css("opacity", "0.9")
      4. }, function () {
      5.    $(this).css("opacity", "0.5")
      6. });


Đây là phần làm trong suốt nội dung của forum, nếu không dùng, bạn có thể xóa nó đi. Bạn có thể thay đổi các thông số về độ trong suốt theo ý mình.
Phần code còn lại là hình nền, nếu muốn bạn có thể thay thế các link ảnh khác. Link ảnh cuối cùng 32 mang tính Echi nên mình khuyến cáo các bạn thay bằng ảnh khác nếu thấy không hợp nội dung forum.

Lưu ý: Để sử dụng Javascript codes management bạn phải cập nhật Templates: http://help.forumotion.com/t92693-new-update-javascript-code-management

[+] Nếu bạn muốn sao chép hướng dẫn này đi nơi khác vui lòng không thay đổi bất kỳ thành phần nào trong code và phải ghi bản quyền thuộc https://thanhcong.forumvi.com