[FMvi-group] Tạo giao diện Xmas với 34 hình nền cực đẹp cho mọi phiên bản

[baivong]

Chức năng: Hướng dẫn này sẽ giúp forum bạn có bộ 34 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: [You must be registered and logged in to see this link.]

Hướng dẫn: [You must be registered and logged in to see this link.]

Đặc điểm:

• Cách 1 & 2: Ép dân chúng xài, cấm phàn nàn.
  
• Cách 3 & 4: Ảnh nền luôn hiển thị ngẫu nhiên.
  
• Cách 5 & 6: Ảnh nền hiểu thị ngẫu nhiên lần đầu và lưu lại cho lần truy cập sau.

[+] 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 [You must be registered and logged in to see this link.]

Viết bởi baivong - [You must be registered and logged in to see this link.]

[Kiến]

Đẹp nhỉ Đã vote

[cunnho]

hơi lặng thì phải, lúc mình coi thử có cái ảnh hơi sexy heng

[baivong]

hơi lặng thì phải, lúc mình coi thử có cái ảnh hơi sexy heng

Nặng thì chắc không, vì mỗi lần chỉ tải 1 ảnh nền. Còn hình ảnh Echi thì mình đã ghi chú.
Kích thước ảnh hơi lớn 1920x1200 px, nhưng bù lại thì host go.vn khá là khủng.
Lúc nãy mình thử hiệu ứng tuyết rơi nên forum hơi lag tý, bạn có thể tự kiểm nghiệm trên chính forum mình. Cài đặt bằng 1 file script nên rất dễ dàng nếu muốn tháo ra.
Từ IE 7 trở xuống thì script này không hoạt động.
Opera nếu bật Turbo thì hiển thị ảnh nền khá chậm do nó ưu tiên script và hình ảnh cuối cùng.

[Choáng Váng]

hay nhưng tải chậm kinh khủng

[baivong]

Bỏ cái từ kinh khủng đi dc ko?
Chú đưa cái ảnh nền 1920x1200 px vào forum chú xem nó có nhẹ ko nhé?
Forum chú dùng ảnh 1440x900 vào là đã thấy nặng rồi, photobucket khá là chậm, nếu dùng host go.vn thì chắc nhanh hơn.
Điểm khác biệt là forum chú chỉ có 1 ảnh nền, sau khi tải lần đầu thì trình duyệt cache lại, lần sau vào sẽ nhanh. Còn mod này 33 ảnh, lần tải sau là ảnh khác chưa cache, trừ khi ảnh đã được tải trước.

[quangtrung_it]

tk's pro

[handsomevip007]

Cái dạng này giống của em huynh nhỉ? Chỉ có điều không tự thay nền thôi Vote

[Việt]

viết script dài thế sao không dùng mảng để lưu backround cho gọn.
từ gần 6000 kí tự như trên có thể rút gọn thành khoảng dưới 1600 kí tự mà

[KillAlt1.0]

( Đã Xóa ) Cũng Được

[baivong]

viết script dài thế sao không dùng mảng để lưu backround cho gọn.
từ gần 6000 kí tự như trên có thể rút gọn thành khoảng dưới 1600 kí tự mà

Chú rút dùm đi, anh ko biết

[jack lagger]

sao không thấy trong suốt thế anh baivong ơi
demo

Code:

http://a1friend.co.cc/forum

[mrhoang91]

baivong ơi mình đã làm như bài hướng dẫn nhưng sao không được ban có thể giúp không.
demo:

Code:

http://songcamxuc.tk/

[jack lagger]

bạn ơi...giúp mik với..
mik làm được rồi nhưng sao ko trong suốt nền vậy?
hay là do dùng skin hailang nên ko trong suốt được?

[baivong]

sao không thấy trong suốt thế anh baivong ơi
demo

Code:

http://a1friend.co.cc/forum

Forum bạn sửa tem nhiều nên cần làm thêm vài bước nữa:
Trong overall_header bạn tìm đoạn này:

Code:

<div align="center" style="background: url(hailang/100.gif) repeat top left;">

Sửa thành

Code:

<div align="center" class="xMasFMvi">

Tìm

Code:

<div id="ja-wrapper">

sửa thành

Code:

<div id="ja-wrapper" class="xMasFMvi">

Tìm trong overall_footer:

Code:

<table width="950" cellspacing="0" cellpadding="0" border="0" align="center">

sửa thành

Code:

<table width="950" class="xMasFMvi" cellspacing="0" cellpadding="0" border="0" align="center">

Bạn xem trong hướng dẫn của punBB, thay

Code:

div.pun

bằng

Code:

.xMasFMvi

baivong ơi mình đã làm như bài hướng dẫn nhưng sao không được ban có thể giúp không.
demo:

Code:

http://songcamxuc.tk/

Bạn xem trong hướng dẫn của punBB, thay

Code:

div.pun

bằng

Code:

div.page

[jack lagger]

anh baivong ơi...
trong footer của em ko có code này

Code:

<table width="950" cellspacing="0" cellpadding="0" border="0" align="center">

[baivong]

anh baivong ơi...
trong footer của em ko có code này

Code:

<table width="950" cellspacing="0" cellpadding="0" border="0" align="center">

Nó là thẻ table này ngay bên dưới:

Code:

<script src="avim/avim.js" type="text/javascript">

[jack lagger]

thank anh a

[baivong]

viết script dài thế sao không dùng mảng để lưu backround cho gọn.
từ gần 6000 kí tự như trên có thể rút gọn thành khoảng dưới 1600 kí tự mà

Đúng là khi tạo mảng nó chỉ còn khoảng 1600 ký tự, tại ít dùng nên mình quên, mà làm sao chú biết dc nó còn 1600 ký tự thế
P/s: Các bạn lưu ý mình đã update script hướng dẫn, rút gọn code và xoá 2 ảnh, thêm 3 hình ảnh mới.

[Choáng Váng]

Bỏ cái từ kinh khủng đi dc ko?
Chú đưa cái ảnh nền 1920x1200 px vào forum chú xem nó có nhẹ ko nhé?
Forum chú dùng ảnh 1440x900 vào là đã thấy nặng rồi, photobucket khá là chậm, nếu dùng host go.vn thì chắc nhanh hơn.
Điểm khác biệt là forum chú chỉ có 1 ảnh nền, sau khi tải lần đầu thì trình duyệt cache lại, lần sau vào sẽ nhanh. Còn mod này 33 ảnh, lần tải sau là ảnh khác chưa cache, trừ khi ảnh đã được tải trước.

của anh em load gần 1 phút mới xong cái skin mà
k kinh khủng thì "chậm khủng khiếp" nhé

[baivong]

Mạng nhà chú cùi, ko tính, anh xài IE 7 cũng chưa cần tới 5s để vào forum

[Zero]

Ở nước ngoài dùng host vn lag lắm như cái upanh ấy, load 5phút chưa xong tấm hình

[Choáng Váng]

Ở nước ngoài dùng host vn lag lắm như cái upanh ấy, load 5phút chưa xong tấm hình

chắc em giống huynh Zero

[baivong]

Ở nước ngoài dùng host vn lag lắm như cái upanh ấy, load 5phút chưa xong tấm hình

Vậy ở nước ngoài thì host nào nhanh, chú up lấy link dùm anh

[Zero]

servimg anh up đi em vào không được ảnh luôn lấy gì mà up

[Cáo Già Đeo Nơ]

Code:

          a.css("opacity", "0.9");
          a.hover(function() {
            $(this).css("opacity", "0.9")
          }, function() {
            $(this).css("opacity", "0.5")
          })

Đoạn css này mình không thấy có tác dụng là sao nhỉ ?

[mrhoang91]

[quote="ƃuoʌıɐq"]

sao không thấy trong suốt thế anh baivong ơi

baivong ơi mình đã làm như bài hướng dẫn nhưng sao không được ban có thể giúp không.
demo:

Code:

http://songcamxuc.tk/

Bạn xem trong hướng dẫn của punBB, thay

Code:

div.pun

bằng

Code:

div.page

baivong àh mình đã thử hết rồi nhưng không có cái nào được cả vẫn như vậy

[Cáo Già Đeo Nơ]

[quote="mrhoang91"]

sao không thấy trong suốt thế anh baivong ơi

baivong ơi mình đã làm như bài hướng dẫn nhưng sao không được ban có thể giúp không.
demo:

Code:

http://songcamxuc.tk/

Bạn xem trong hướng dẫn của punBB, thay

Code:

div.pun

bằng

Code:

div.page

baivong àh mình đã thử hết rồi nhưng không có cái nào được cả vẫn như vậy

phpBB2: table.bodylinewidth
phpBB3: div#wrap
Invision: div#ipbwrapper

Có cái nào là div.page đâu ???

[mrhoang91]

[quote="GameMaster72"]

sao không thấy trong suốt thế anh baivong ơi


Bạn xem trong hướng dẫn của punBB, thay

Code:

div.pun

bằng

Code:

div.page

baivong àh mình đã thử hết rồi nhưng không có cái nào được cả vẫn như vậy

phpBB2: table.bodylinewidth
phpBB3: div#wrap
Invision: div#ipbwrapper

Có cái nào là div.page đâu ???

mình đã thử tất cả lại rồi nhưng không có cái nào được

[Cáo Già Đeo Nơ]

Bạn dùng phiên bản nào ?

[Sponsored content]