Trang 1 trong tổng số 9 trang Chuyển đến trang : 1, 2, 3, 4, 5, 6, 7, 8, 9
Please log in to post a topic Bài viết thứ :1
Đăng vào:28/3/2012, 13:57
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>
Javascript Codes :
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:
#1 - Posted 28/3/2012, 13:57
Khách vi Khách vi
Group: Khách viếng thăm
Hiện đang:
Khách viếng thăm
Bài viết thứ :2
Đăng vào:28/3/2012, 14:13
#2 - Posted 28/3/2012, 14:13
#3 - Posted 28/3/2012, 16:19
Bài viết thứ :4
Đăng vào:28/3/2012, 17:51
#4 - Posted 28/3/2012, 17:51
#5 - Posted 28/3/2012, 17:58
#6 - Posted 28/3/2012, 18:42
#7 - Posted 28/3/2012, 20:05
Bài viết thứ :8
Đăng vào:28/3/2012, 20:54
simon123 đã viết:code tốt nha ^^
tốt mà chả thấy ai thank gì hix,
#8 - Posted 28/3/2012, 20:54
Bài viết thứ :9
Đăng vào:28/3/2012, 21:08
#9 - Posted 28/3/2012, 21:08
Làm chậm 4rum mất 2s. nên kéo 2000 xuống còn 500 thì ngon hơn.
#10 - Posted 28/3/2012, 23:38
Bài viết thứ :11
Đăng vào:29/3/2012, 10:25
anhchienxdd2 đã viết:Làm chậm 4rum mất 2s. nên kéo 2000 xuống còn 500 thì ngon hơn.
thì thời gian 2s đó cũng để cho rum load mà
#11 - Posted 29/3/2012, 10:25
Sau khi rum load xong thì phải mất 2s nữa.Cho nên kéo xuống thấp chút là tốt
#12 - Posted 29/3/2012, 17:33
Bài viết thứ :13
Đăng vào:29/3/2012, 17:58
#13 - Posted 29/3/2012, 17:58
Supper...Post Supper...Post
Group: Moderagerator
Hiện đang:
Bài viết : 1068
Points : 2662
Thanks : 413
Moderagerator
Bài viết thứ :14
Đăng vào:29/3/2012, 19:39
#14 - Posted 29/3/2012, 19:39
#15 - Posted 29/3/2012, 20:15
anhchienxdd2 đã viết: Sau khi rum load xong thì phải mất 2s nữa.Cho nên kéo xuống thấp chút là tốt
tùy người sử dụng thôi
#16 - Posted 29/3/2012, 20:41
Bài viết thứ :17
Đăng vào:31/3/2012, 15:06
waoooooooooooooo thank nhe
#17 - Posted 31/3/2012, 15:06
Bài viết thứ :18
Đăng vào:31/3/2012, 17:43
#18 - Posted 31/3/2012, 17:43
Bài viết thứ :19
Đăng vào:1/4/2012, 08:37
thank nhá...tuyệt với
#19 - Posted 1/4/2012, 08:37
Bài viết thứ :20
Đăng vào:1/4/2012, 10:53
vote nhiệt tình đi các bác
#20 - Posted 1/4/2012, 10:53
Bài viết thứ :21
Đăng vào:1/4/2012, 17:23
#21 - Posted 1/4/2012, 17:23
#22 - Posted 1/4/2012, 17:31
Bài viết thứ :23
Đăng vào:2/4/2012, 00:37
#23 - Posted 2/4/2012, 00:37
#24 - Posted 2/4/2012, 11:44
Bài viết thứ :25
Đăng vào:3/4/2012, 21:43
#25 - Posted 3/4/2012, 21:43
Sponsored content Sponsored content
Group:
Hiện đang:
Bài viết thứ :26
Đăng vào: