Hiệu ứng tải trang jQuery cho diễn đàn

[fcelf]

Demo : http://smilehappy.4ulike.com/forum
Forum Version: All version

Vì vậy, chúng ta hãy bắt đầu! : D Đối với PunBB và phpBB2:

1. Mở overall_header , tìm thẻ đầu kết thúc (</ head>) sau đó dán trước nó :

Code:

<script>
jQuery(window).load(function(){
jQuery('#loading').fadeOut(2000);
});
</script>

2. Tiếp tìm đến body. (Body) sau đó dán dưới nó bằng code sau :

Code:

<div id="loading"></div>

3. Bây giờ thêm này cho CSS của bạn:

Code:

#loading {
background: #000 url(http://i41.tinypic.com/j92cy8.gif) no-repeat center center;
height: 50px;
width: 50px;
position: fixed;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
z-index: 1000;
border-radius: 5px;
}

Cho phpBB3 và Invision:
1. Thêm  Javascript  này  vào chọn  (In all pages) :

Code:

jQuery(window).load(function(){
jQuery('#loading').fadeOut(2000);
});

2. Tiếp đến vào trang quản lý  (ACP > General > Forum > Configuration) :

Code:

<div id="loading"></div>

3. Bây giờ thêm này cho CSS của bạn:

Code:

#loading {
background: #000 url(http://i41.tinypic.com/j92cy8.gif) no-repeat center center;
height: 50px;
width: 50px;
position: fixed;
left: 50%;
top: 50%;
margin: -25px 0 0 -25px;
z-index: 1000;
border-radius: 5px;
}

Chúc các bạn thành công

[MR.Rồng]

Forum demo vừa vào nhạc ầm ĩ hết cả lên , giật mình @@~
Loading trông cũng khá đẹp
+1

[Get Over]

Nặng forum chứ báu gì  

[MR.Rồng]

Nặng forum chứ báu gì  

Được cái nó đẹp

[Heat Lee]

cái này sài js là được rồi

[Get Over]

CSS3 cũng đủ để làm

[Lowie]

forum quá giật ==" lần sau rút kinh nghiệm không nên vào forum này, lag hết cả máy, share thì cho cái demo được rồi cho demo live kiểu này vừa không chất lượng vừa có ý pr cho forum mình

[minhphong9x94]

nghe cmt thấy nói load lâu, h xu hướng là đơn giản mà pro, các pro dùng forum chẳng mấy khi làm cầu gì, chỉ làm những gí cần nhất.

[HoàngTửNaivip5p]

Cái này đẹp nè Định xin sấm huynh mà bạn share rồi Like phát

[Draudrey]

Chả thấy demo gì hết, và vừa vào 4r smile thì ram của mình bị ngốn đến 500mb và CPU sử dụng đến 98% why????

[Sấm]

Có thấy cái gọi là hiệu ứng tải trang nào trong demo bạn đưa đâu

[eC's Kois]

demo ảnh đâu thì dislike;d 

[Sponsored content]