![[Code] Hiệu ứng Loading cực pro - Page 6 User_l10](https://i.servimg.com/u/f55/18/73/81/56/user_l10.png)
Sign In
Create Account
CNTT-K3![[Code] Hiệu ứng Loading cực pro - Page 6 SSHoNEq](https://i.imgur.com/sSHoNEq.png)
First topic message reminder :
demo : forum đang dùng
![[Code] Hiệu ứng Loading cực pro - Page 6 Untitl19](https://i.servimg.com/u/f43/15/93/33/76/untitl19.jpg)
Hướng dẫn :
[Bài viết không bị Ẩn]
Bước 1 : Thêm đoạn sau vào Css :
Bước 2 : Thêm đoạn sau vào fooder_begin ( hoặc bất kì chỗ nào cũng được )
Bước 3 :
Vào MODULES >> HTML & JAVASCRIPT >> Javascript codes management tạo 1 Javascript mới
Title * : Loading pro
Placement : In all the pages
Javascript Code * :
Chú ý : Enable Javascript code management : phải được kick hoạt là Có (xem hình dưới)
![[Code] Hiệu ứng Loading cực pro - Page 6 117](https://i.servimg.com/u/f43/15/93/33/76/117.png)
Update thêm hiệu ứng load nữa
![[Code] Hiệu ứng Loading cực pro - Page 6 Fullyillustrated-loader](https://2img.net/h/www.fullyillustrated.com/wp-content/themes/fullyIllustrated/_include/img/fullyillustrated-loader.gif)
Cho vào css
Cho vào đâu tùy ý :
tích hết các ô trừ : In all the pages
Hết
Thấy hay thì Thank nhá
:Bài viết không bị Ẩn:
demo : forum đang dùng
Hướng dẫn :
[Bài viết không bị Ẩn]
Bước 1 : Thêm đoạn sau vào Css :
- Code:
/* Load ding */
#loadlig{background:#000;background-color:rgba(0,0,0,0.5);color:#fff;filter:Alpha(opacity=80);float:left;font-size:22px;height:100%;left:0;position:fixed;text-align:center;text-shadow:0 1px 0 #000;top:0;width:100%;z-index:999}.load1{background:#333;border:5px solid rgba(255,255,255,0.1);border-radius:12px;height:50px;margin:150px auto;width:50px}
Bước 2 : Thêm đoạn sau vào fooder_begin ( hoặc bất kì chỗ nào cũng được )
- Code:
<div id=loadlig><div class=load1><img src=http://www.thismanslife.co.uk/images/loading.gif style='margin-top: 17px;'></div>Loading...</div>
Bước 3 :
Vào MODULES >> HTML & JAVASCRIPT >> Javascript codes management tạo 1 Javascript mới
Title * : Loading pro
Placement : In all the pages
Javascript Code * :
- Code:
$(document).ready(function(){$(window).load(function(){$('#loadlig').fadeOut(2000,function(){$(this).remove})})});
Chú ý : Enable Javascript code management : phải được kick hoạt là Có (xem hình dưới)
Update thêm hiệu ứng load nữa
Cho vào css
- Code:
#loadlig{background:#000;background-color:rgba(0,0,0,0.5);color:#fff;filter:Alpha(opacity=80);float:left;font-size:22px;height:100%;left:0;position:fixed;text-align:center;text-shadow:0 1px 0 #000;top:0;width:100%;z-index:999}.load1{margin-top:300px}
Cho vào đâu tùy ý :
- Code:
<div id=loadlig><div class=load1><img src=http://www.fullyillustrated.com/wp-content/themes/fullyIllustrated/_include/img/fullyillustrated-loader.gif style=></div>Loading...</div>
tích hết các ô trừ : In all the pages
- Code:
$(document).ready(function(){$(window).load(function(){$('#loadlig').fadeOut(2000,function(){$(this).remove})})});
Hết
Thấy hay thì Thank nhá
Nguồn : skin4fm.com
[/Bài viết không bị Ẩn]:Bài viết không bị Ẩn:
