Đư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 9 trong tổng số 9 trang Chuyển đến trang : Previous  1, 2, 3, 4, 5, 6, 7, 8, 9

  • Please log in to post a topic

  • avatar

    avatar

    Group: Administrator

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

    Administrator
    Xem lý lịch thành viên http://www.cntt-k3.biz

    Administrator
    Bài viết thứ :1

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

    Administrator
    First topic message reminder :

    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á 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 on 28/3/2012, 13:57
    Xem lý lịch thành viên http://www.cntt-k3.biz
    avatar

    baochunglaoi
    avatar

    baochunglaoi

    Group: Member

    Hiện đang:
    Bài viết : 10
    Points : 10
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :201

    Đăng vào:on 30/7/2013, 00:20

    Member
    dsadasdsa

    #201 - Posted on 30/7/2013, 00:20
    Xem lý lịch thành viên
    avatar

    abo_shab
    avatar

    abo_shab

    Group: Member

    Hiện đang:
    Bài viết : 44
    Points : 42
    Birthday : 14/03/1989
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :202

    Đăng vào:on 6/8/2013, 01:30

    Member
    thank

    #202 - Posted on 6/8/2013, 01:30
    Xem lý lịch thành viên
    avatar

    Skin4Fm
    avatar

    Skin4Fm

    Group: Member

    Hiện đang:
    Bài viết : 392
    Points : 457
    Birthday : 06/06/1991
    Thanks : 52
    Đến từ : Skin4Fm.Com

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :203

    Đăng vào:on 7/8/2013, 22:11

    Member
    ?

    #203 - Posted on 7/8/2013, 22:11
    Xem lý lịch thành viên
    avatar

    kingkingpy
    avatar

    kingkingpy

    Group: Member

    Hiện đang:
    Bài viết : 133
    Points : 149
    Birthday : 02/02/1995
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :204

    Đăng vào:on 7/8/2013, 22:50

    Member
    xzcxzc

    #204 - Posted on 7/8/2013, 22:50
    Xem lý lịch thành viên
    avatar

    web.huy52
    avatar

    web.huy52

    Group: Member

    Hiện đang:
    Bài viết : 355
    Points : 529
    Thanks : 26

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :205

    Đăng vào:on 8/8/2013, 05:42

    Member
    xemmmmmmmmmmmmmmmmm

    #205 - Posted on 8/8/2013, 05:42
    Xem lý lịch thành viên
    avatar

    skin5fm
    avatar

    skin5fm

    Group: Member

    Hiện đang:
    Bài viết : 222
    Points : 254
    Thanks : 30

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :206

    Đăng vào:on 9/9/2013, 13:58

    Member
    ???????????

    #206 - Posted on 9/9/2013, 13:58
    Xem lý lịch thành viên
    avatar

    huyvip83
    avatar

    huyvip83

    Group: Member

    Hiện đang:
    Bài viết : 526
    Points : 608
    Birthday : 13/07/1983
    Thanks : -73

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :207

    Đăng vào:on 9/9/2013, 15:18

    Member
    xem

    #207 - Posted on 9/9/2013, 15:18
    Xem lý lịch thành viên
    avatar

    accit
    avatar

    accit

    Group: Member

    Hiện đang:
    Bài viết : 114
    Points : 117
    Birthday : 01/05/1993
    Thanks : 3

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :208

    Đăng vào:on 22/9/2013, 07:38

    Member
    xem

    #208 - Posted on 22/9/2013, 07:38
    Xem lý lịch thành viên
    avatar

    tommy_phan
    avatar

    tommy_phan

    Group: Member

    Hiện đang:
    Bài viết : 248
    Points : 321
    Thanks : 45

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :209

    Đăng vào:on 2/10/2013, 18:34

    Member
    daasd

    #209 - Posted on 2/10/2013, 18:34
    Xem lý lịch thành viên
    avatar

    robson
    avatar

    robson

    Group: Member

    Hiện đang:
    Bài viết : 26
    Points : 26
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :210

    Đăng vào:on 12/10/2013, 19:11

    Member
    effects

    #210 - Posted on 12/10/2013, 19:11
    Xem lý lịch thành viên
    avatar

    BF.Zone
    avatar

    BF.Zone

    Group: Member

    Hiện đang:
    Bài viết : 94
    Points : 96
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :211

    Đăng vào:on 30/10/2013, 16:35

    Member
    xe,

    #211 - Posted on 30/10/2013, 16:35
    Xem lý lịch thành viên
    avatar

    Mr.Lee
    avatar

    Mr.Lee

    Group: Member

    Hiện đang:
    Bài viết : 742
    Points : 1241
    Birthday : 04/05/1990
    Thanks : 381

    Member
    Xem lý lịch thành viên http://www.haivl.com/uploader/11917

    Member
    Bài viết thứ :212

    Đăng vào:on 14/11/2013, 11:48

    Member
    xem

    #212 - Posted on 14/11/2013, 11:48
    Xem lý lịch thành viên http://www.haivl.com/uploader/11917
    avatar

    billiox6
    avatar

    billiox6

    Group: Member

    Hiện đang:
    Bài viết : 25
    Points : 25
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :213

    Đăng vào:on 1/12/2013, 09:44

    Member
    hello

    #213 - Posted on 1/12/2013, 09:44
    Xem lý lịch thành viên
    avatar

    lonqkute
    avatar

    lonqkute

    Group: Member

    Hiện đang:
    Bài viết : 7
    Points : 7
    Thanks : 0

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :214

    Đăng vào:on 1/12/2013, 18:48

    Member
    ma bư hay quá

    #214 - Posted on 1/12/2013, 18:48
    Xem lý lịch thành viên
    avatar

    karim
    avatar

    karim

    Group: Member

    Hiện đang:
    Bài viết : 97
    Points : 99
    Thanks : 4

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :215

    Đăng vào:on 10/1/2014, 07:51

    Member
    goooooooood

    #215 - Posted on 10/1/2014, 07:51
    Xem lý lịch thành viên
    avatar

    Dungkinggame
    avatar

    Dungkinggame

    Group: Member

    Hiện đang:
    Bài viết : 133
    Points : 136
    Thanks : 5

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :216

    Đăng vào:on 10/1/2014, 14:24

    Member
    xzzzzzzzzzzzzzzz

    #216 - Posted on 10/1/2014, 14:24
    Xem lý lịch thành viên
    avatar

    lamthanhtin
    avatar

    lamthanhtin

    Group: Member

    Hiện đang:
    Bài viết : 47
    Points : 47
    Birthday : 14/07/1995
    Thanks : 0
    Đến từ : Bạc Liêu

    Member
    Xem lý lịch thành viên

    Member
    Bài viết thứ :217

    Đăng vào:on 5/3/2014, 12:29

    Member
    dfghdfghdfgh

    #217 - Posted on 5/3/2014, 12:29
    Xem lý lịch thành viên

    Sponsored content

    Sponsored content

    Group:
    Hiện đang:

    Bài viết thứ :218

    Đăng vào:

    #218 - Posted

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

    Đ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 | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a free blog
    YOUR BANNER HERE
    728x90