Đưa Skin mới vào diễn đàn sử dụng ! Nếu quá trình sử dụng diễn đàn xảy ra lỗi, xin vui lòng liên hệ Admin để báo lỗi ! Cảm ơn !

You are not connected. Please login or register

[Code] Hiệu ứng Loading cực pro

Trang 1 trong tổng số 9 trang Chuyển đến trang : 1, 2, 3, 4, 5, 6, 7, 8, 9  Next

  • Please log in to post a topic
  • Bư

    Bư

    Group: Administrator

    Hiện đang:
    Bài viết : 2228
    Points : 7446
    Birthday : 02/02/1992
    Thanks : 4630
    Đến từ : hà nội

    Administrator
    http://www.cntt-k3.biz

    Administrator
    Bài viết thứ :1

    Đăng vào:28/3/2012, 13:57

    Administrator
    demo : forum đang dùng
    [Code] Hiệu ứng Loading cực pro Untitl19

    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)
    [Code] Hiệu ứng Loading cực pro 117



    Update thêm hiệu ứng load nữa
    [Code] Hiệu ứng Loading cực pro Fullyillustrated-loader
    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á cười nhăn răng
    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
    http://www.cntt-k3.biz
    Anonymous

    Khách vi
    Anonymous

    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

    1234

    #2 - Posted 28/3/2012, 14:13
    !!!

    !!!
    !!!

    !!!

    Group: Member

    Hiện đang:
    Bài viết : 166
    Points : 443
    Thanks : 223

    Member

    Member
    Bài viết thứ :3

    Đăng vào:28/3/2012, 16:19

    Member
    vote bư

    #3 - Posted 28/3/2012, 16:19
    rockmanvnx6

    rockmanvnx6
    rockmanvnx6

    rockmanvnx6

    Group: Member

    Hiện đang:
    Bài viết : 140
    Points : 341
    Birthday : 03/03/1998
    Thanks : 185

    Member
    http://google.com

    Member
    Bài viết thứ :4

    Đăng vào:28/3/2012, 17:51

    Member
    Xem ...

    #4 - Posted 28/3/2012, 17:51
    http://google.com
    helomoto

    helomoto
    helomoto

    helomoto

    Group: Member

    Hiện đang:
    Bài viết : 60
    Points : 114
    Birthday : 02/02/1991
    Thanks : 49
    Đến từ : ninh bình

    Member

    Member
    Bài viết thứ :5

    Đăng vào:28/3/2012, 17:58

    Member
    hay

    #5 - Posted 28/3/2012, 17:58
    anhchienxdd2

    anhchienxdd2
    anhchienxdd2

    anhchienxdd2

    Group: Member

    Hiện đang:
    Bài viết : 19
    Points : 41
    Birthday : 11/03/1988
    Thanks : 19
    Đến từ : Hp

    Member

    Member
    Bài viết thứ :6

    Đăng vào:28/3/2012, 18:42

    Member
    thanks

    #6 - Posted 28/3/2012, 18:42
    simon123

    simon123
    simon123

    simon123

    Group: Member

    Hiện đang:
    Bài viết : 161
    Points : 524
    Thanks : 319
    Đến từ : TP.HCM

    Member

    Member
    Bài viết thứ :7

    Đăng vào:28/3/2012, 20:05

    Member
    code tốt nha ^^

    #7 - Posted 28/3/2012, 20:05
    Bư

    Bư

    Group: Administrator

    Hiện đang:
    Bài viết : 2228
    Points : 7446
    Birthday : 02/02/1992
    Thanks : 4630
    Đến từ : hà nội

    Administrator
    http://www.cntt-k3.biz

    Administrator
    Bài viết thứ :8

    Đăng vào:28/3/2012, 20:54

    Administrator
    simon123 đã viết:code tốt nha ^^
    tốt mà chả thấy ai thank gì hix,

    #8 - Posted 28/3/2012, 20:54
    http://www.cntt-k3.biz
    Hữu Phước

    Hữu Phước
    Hữu Phước

    Hữu Phước

    Group: Member

    Hiện đang:
    Bài viết : 939
    Points : 1443
    Birthday : 28/12/1998
    Thanks : 443
    Đến từ : Thuận Hưng , Thốt Nốt , Cần Thơ

    Member
    http://www.giadinha1.biz

    Member
    Bài viết thứ :9

    Đăng vào:28/3/2012, 21:08

    Member
    xem

    #9 - Posted 28/3/2012, 21:08
    http://www.giadinha1.biz
    anhchienxdd2

    anhchienxdd2
    anhchienxdd2

    anhchienxdd2

    Group: Member

    Hiện đang:
    Bài viết : 19
    Points : 41
    Birthday : 11/03/1988
    Thanks : 19
    Đến từ : Hp

    Member

    Member
    Bài viết thứ :10

    Đăng vào:28/3/2012, 23:38

    Member
    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ư

    Bư

    Group: Administrator

    Hiện đang:
    Bài viết : 2228
    Points : 7446
    Birthday : 02/02/1992
    Thanks : 4630
    Đến từ : hà nội

    Administrator
    http://www.cntt-k3.biz

    Administrator
    Bài viết thứ :11

    Đăng vào:29/3/2012, 10:25

    Administrator
    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
    http://www.cntt-k3.biz
    anhchienxdd2

    anhchienxdd2
    anhchienxdd2

    anhchienxdd2

    Group: Member

    Hiện đang:
    Bài viết : 19
    Points : 41
    Birthday : 11/03/1988
    Thanks : 19
    Đến từ : Hp

    Member

    Member
    Bài viết thứ :12

    Đăng vào:29/3/2012, 17:33

    Member
    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
    dptlong

    dptlong
    dptlong

    dptlong

    Group: Member

    Hiện đang:
    Bài viết : 99
    Points : 140
    Birthday : 25/12/1990
    Thanks : 39

    Member
    http://yak34.yourme.net

    Member
    Bài viết thứ :13

    Đăng vào:29/3/2012, 17:58

    Member
    cho xem dùm

    #13 - Posted 29/3/2012, 17:58
    http://yak34.yourme.net
    Supper...Post

    Supper...Post
    Supper...Post

    Supper...Post

    Group: Moderagerator

    Hiện đang:
    Bài viết : 1068
    Points : 2662
    Thanks : 413

    Moderagerator

    Moderagerator
    Bài viết thứ :14

    Đăng vào:29/3/2012, 19:39

    Moderagerator
    đẹp

    #14 - Posted 29/3/2012, 19:39
    truongchun

    truongchun
    truongchun

    truongchun

    Group: Member

    Hiện đang:
    Bài viết : 338
    Points : 431
    Birthday : 15/04/1990
    Thanks : 83

    Member

    Member
    Bài viết thứ :15

    Đăng vào:29/3/2012, 20:15

    Member
    xem

    #15 - Posted 29/3/2012, 20:15
    Quý Ròm

    Quý Ròm
    Quý Ròm

    Quý Ròm

    Group: Administrator

    Hiện đang:
    Bài viết : 3745
    Points : 11240
    Birthday : 21/02/1991
    Thanks : 4736
    Đến từ : Hà Nội

    Administrator

    Administrator
    Bài viết thứ :16

    Đăng vào:29/3/2012, 20:41

    Administrator
    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 lè lưỡi

    #16 - Posted 29/3/2012, 20:41
    a5smile.tk

    a5smile.tk
    a5smile.tk

    a5smile.tk

    Group: Member

    Hiện đang:
    Bài viết : 186
    Points : 391
    Birthday : 10/10/1995
    Thanks : 158

    Member
    http://a5smile.tk

    Member
    Bài viết thứ :17

    Đăng vào:31/3/2012, 15:06

    Member
    waoooooooooooooo thank nhe

    #17 - Posted 31/3/2012, 15:06
    http://a5smile.tk
    Phê

    Phê
    Phê

    Phê

    Group: Member

    Hiện đang:
    Bài viết : 675
    Points : 272
    Birthday : 02/04/1991
    Thanks : 703

    Member
    http://www.cntt-k3.biz/register?agreed=true&step=2

    Member
    Bài viết thứ :18

    Đăng vào:31/3/2012, 17:43

    Member

    like

    #18 - Posted 31/3/2012, 17:43
    http://www.cntt-k3.biz/register?agreed=true&step=2
    jacklagger

    jacklagger
    jacklagger

    jacklagger

    Group: Moderagerator

    Hiện đang:
    Bài viết : 408
    Points : 1148
    Birthday : 08/01/1995
    Thanks : 672
    Đến từ : http://a1family.forumvi.com/

    Moderagerator
    http://a1family.forumvi.com/

    Moderagerator
    Bài viết thứ :19

    Đăng vào:1/4/2012, 08:37

    Moderagerator
    thank nhá...tuyệt với yêu thế

    #19 - Posted 1/4/2012, 08:37
    http://a1family.forumvi.com/
    Bư

    Bư

    Group: Administrator

    Hiện đang:
    Bài viết : 2228
    Points : 7446
    Birthday : 02/02/1992
    Thanks : 4630
    Đến từ : hà nội

    Administrator
    http://www.cntt-k3.biz

    Administrator
    Bài viết thứ :20

    Đăng vào:1/4/2012, 10:53

    Administrator
    vote nhiệt tình đi các bác

    #20 - Posted 1/4/2012, 10:53
    http://www.cntt-k3.biz
    xo_dangcappro

    xo_dangcappro
    xo_dangcappro

    xo_dangcappro

    Group: Member

    Hiện đang:
    Bài viết : 1
    Points : 1
    Birthday : 18/02/1991
    Thanks : 0

    Member
    http://www.cntt-k3.biz

    Member
    Bài viết thứ :21

    Đăng vào:1/4/2012, 17:23

    Member
    gut!

    #21 - Posted 1/4/2012, 17:23
    http://www.cntt-k3.biz
    Bốn Phương...Star

    Bốn Phương...Star
    Bốn Phương...Star

    Bốn Phương...Star

    Group: Member

    Hiện đang:
    Bài viết : 118
    Points : 196
    Thanks : 74

    Member

    Member
    Bài viết thứ :22

    Đăng vào:1/4/2012, 17:31

    Member
    code

    #22 - Posted 1/4/2012, 17:31
    Phê

    Phê
    Phê

    Phê

    Group: Member

    Hiện đang:
    Bài viết : 675
    Points : 272
    Birthday : 02/04/1991
    Thanks : 703

    Member
    http://www.cntt-k3.biz/register?agreed=true&step=2

    Member
    Bài viết thứ :23

    Đăng vào:2/4/2012, 00:37

    Member
    up

    #23 - Posted 2/4/2012, 00:37
    http://www.cntt-k3.biz/register?agreed=true&step=2
    !!!

    !!!
    !!!

    !!!

    Group: Member

    Hiện đang:
    Bài viết : 166
    Points : 443
    Thanks : 223

    Member

    Member
    Bài viết thứ :24

    Đăng vào:2/4/2012, 11:44

    Member
    up

    #24 - Posted 2/4/2012, 11:44
    sonvip42

    sonvip42
    sonvip42

    sonvip42

    Group: Member

    Hiện đang:
    Bài viết : 6
    Points : 6
    Birthday : 02/02/1996
    Thanks : 0

    Member
    http://levelup.hnsv.com

    Member
    Bài viết thứ :25

    Đăng vào:3/4/2012, 21:43

    Member
    code

    #25 - Posted 3/4/2012, 21:43
    http://levelup.hnsv.com

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :26

    Đăng vào:

    #26 - Posted

    Trang 1 trong tổng số 9 trang Chuyển đến trang : 1, 2, 3, 4, 5, 6, 7, 8, 9  Next

    Đang kiểm tra dữ liệu...

    Bạn phải điền đầy đủ thông tin đăng ký.

    Số ký tự phải từ 3 trở lên
    Hãy chọn tài khoản khác
    Có thể dùng tài khoản này
    Không sử dụng địa chỉ này
    E-mail sẽ được kiểm sau
    Số ký tự phải từ 3 trở lên
    Trùng tên đăng nhập
    Chưa đúng
    Chính xác

    Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất
    YOUR BANNER HERE
    728x90