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

[Share] code loading (f5) như facebook mobile !

  • Please log in to post a topic
  • Administrator

    Administrator

    Group: Administrator

    Hiện đang:
    Bài viết : 722
    Points : 11639
    Birthday : 16/11/1996
    Thanks : 751

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

    Administrator
    Bài viết thứ :1

    Đăng vào:on 26/5/2014, 14:58

    Administrator
    demo !
    chỉ cần lăn chuột lên đầu forum là nó tự loading !


    vào header tìm ! <body> thêm trước nó !
    Code:
    <body onload="prettyPrint()">
    <div class="hook" id="hook"><div class="hook-loader"><div class="hook-spinner"></div></div></div>
    sau đó vào footer end hay begin cũng dc ! bỏ cái này vào cuối !
    Code:

    <script src="[url=view-source:http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js]http://tv821.forumvi.com/18685.js[/url]" type="text/javascript">

    vào css bỏ code này vào !
    Code:
    .hook * {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       margin: 0 auto;
    }

    .hook {
       height: 85px;
        background: url(http://upanh.biz/images/2014/05/26/hook-bgs.png) repeat;
        box-shadow: 0 -8px 5px -5px #999 inset;
       clear: both;
       position: relative;
       width: 100%;
       overflow: hidden;
       text-align: center;
    }
    .hook-text {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
       color: #666;
       font-weight: normal;
        text-shadow: 0 1px #fff;
    }
    .hook-loader {
       padding: 25px 0;
    }
    .hook-spinner {
       display: block;
        background: url(http://upanh.biz/images/2014/05/26/hook-spinner.png) no-repeat center;
     width: 32px;
    height: 32px;
        -webkit-animation: spin 1s linear infinite both;
        -moz-animation: spin 1s linear infinite both;
        -o-animation: spin 1s linear infinite both;
        animation: spin 1s linear infinite both;
    }
    .hook-with-text .hook-loader{
       padding: 10px 0;
    }

    @media
    only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and ( min--moz-device-pixel-ratio: 2),
    only screen and ( -o-min-device-pixel-ratio: 2/1),
    only screen and ( min-device-pixel-ratio: 2),
    only screen and ( min-resolution: 192dpi),
    only screen and ( min-resolution: 2dppx) {
     
     .hook-spinner {
        background: url(hook-spinner@2x.png) no-repeat center;
        background-size: 32px 32px;
     }
    }

    @-webkit-keyframes spin {
       0% {
        -webkit-transform: rotate(0deg);
       }
       100% {
          -webkit-transform: rotate(360deg);
       }
    }

    @-moz-keyframes spin {
       0% {
        -moz-transform: rotate(0deg);
       }
       100% {
          -moz-transform: rotate(360deg);
       }
    }

    @-o-keyframes spin {
       0% {
        -o-transform: rotate(0deg);
       }
       100% {
          -o-transform: rotate(360deg);
       }
    }

    @keyframes spin {
       0% {
        transform: rotate(0deg);
       }
       100% {
          transform: rotate(360deg);
       }
    }



    #hook * {
       margin: 0 auto;
    }
    #hook {
        height: 85px;
        background: url(http://upanh.biz/images/2014/05/26/hook-bgs.png) repeat;
       box-shadow: 0px -9px 5px -5px #999 inset;
       clear: both;
       position: relative;
       width: 100%;
       overflow: hidden;
       text-align: center;
    }
    #hook span#hook-text {
        font-size: 14px;
       font-family: Arial, Helvetica, sans-serif;
        color: #999;
        font-weight: normal;
       text-shadow: 0px 1px #fff;
    }
    #hook #loader {
       padding: 10px 0;
    }
    #hook .spinner {
       display: block;
        background: url(http://upanh.biz/images/2014/05/26/hook-spinner.gif) no-repeat center;
         width: 32px;
         height: 32px;
    }

    #1 - Posted on 26/5/2014, 14:58

    __________________________________________________________________________________________

    Đọc bài hay thì nhớ like ! thì mới hỗ trợ + share code ngon nhé cười nhăn răng
    I ♥ you, Khách viếng thăm

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

    fascicularia

    fascicularia

    Group: Member

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

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

    Member
    Bài viết thứ :2

    Đăng vào:on 17/1/2016, 07:57

    Member
    link JS  dead. tan nát cõi lòng

    #2 - Posted on 17/1/2016, 07:57
    Xem lý lịch thành viên

    Đ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 your own blog
    YOUR BANNER HERE
    728x90