[VNXF] Download - Add on chờ tải file giống SVIT

Thảo luận trong 'Add-ons Xenforo' bắt đầu bởi Blue, 27/06/2015.

  1. huynhngoclan

    huynhngoclan Thượng Đế

    Tham gia:
    09/11/2015
    Bài viết:
    9
    Đã được thích:
    4
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Chào bạn!
    Trong option của addon chỉ chỉnh thời gian chờ tải & đặt quảng cao thôi. Đúng không ? Mình xem qua rồi.
     

    Các file đính kèm:

    • 1.png
      1.png
      Kích thước:
      70.2 KB
      Đọc:
      23
    susl16c and THB like this.
  2. susl16c

    susl16c Thượng Đế

    Tham gia:
    19/05/2016
    Bài viết:
    6
    Đã được thích:
    5
    Điểm thành tích:
    3
    Giới tính:
    Nữ
    Thêm quyền cho thời gian chờ cấu hình cho nhóm người dùng. Có một nhóm như người quản trị thời gian chờ là không cần thiết cho mục đích này được thực hiện sửa chữa
     

    Các file đính kèm:

    Shu Sakamaki, THB and hardcore like this.
  3. sonpham307

    sonpham307 Thượng Đế

    Tham gia:
    29/05/2016
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    mình ko tải được file về khi cài add-on này xenforo của mình là 1.5.8
    demo: Hãy đăng nhập hoặc đăng ký để xem được links
     
  4. nguyenbaodanh

    nguyenbaodanh Thượng Đế

    Tham gia:
    12/05/2016
    Bài viết:
    33
    Đã được thích:
    20
    Điểm thành tích:
    8
    Giới tính:
    Nam
    upgrade lên bản 2.1 fix của bác @susl16c sao no hết đếm thời gian luôn nhỉ .... lúc 1.0 vẫn đếm mà ta
     
    THB thích bài này.
  5. nhattv16

    nhattv16 Thượng Đế

    Tham gia:
    28/04/2016
    Bài viết:
    10
    Đã được thích:
    6
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Nghề nghiệp:
    Dev
    test
     

    Các file đính kèm:

    bcat95 thích bài này.
  6. bcat95

    bcat95 Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    06/04/2015
    Bài viết:
    1,233
    Đã được thích:
    1,055
    Điểm thành tích:
    113
    Giới tính:
    Nữ
    Nghề nghiệp:
    Sinh Viên
    thêm vài chú thích về file này đc k bạn :)
     
    THB thích bài này.
  7. daohongduong

    daohongduong Thượng Đế

    Tham gia:
    27/01/2016
    Bài viết:
    8
    Đã được thích:
    4
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Sao nó cứ bị nhảy về trang chủ vậy nhỉ.
    Có bác nào hỗ trợ em với
     
    THB thích bài này.
  8. bcat95

    bcat95 Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    06/04/2015
    Bài viết:
    1,233
    Đã được thích:
    1,055
    Điểm thành tích:
    113
    Giới tính:
    Nữ
    Nghề nghiệp:
    Sinh Viên
    Code Vnxf style Dev.xf monkey~~ tks to Hãy đăng nhập hoặc đăng ký để xem được links - Hãy đăng nhập hoặc đăng ký để xem được links
    upload_2016-7-14_22-49-1.png
    VNXF_Download
    Mã:
    <xen:if is="{$dkem}">
    <xen:title>Tải file {$dkem.filename}</xen:title>
    <xen:require css="VNXF_Download.css" />
    <div class="download-container">
        <div class="ad-left">{xen:raw $xenOptions.vnxf_download_adsleft}</div>
        <div class="download-box">
            <span class="filename" id="fileinfo-filename" title="{xen:raw $dkem.filename}">{xen:raw $dkem.filename}</span>
            <span class="fileinfo" id="fileinfo">Dung lượng: <span id="fileinfo-filesize">{xen:number $dkem.file_size, size}</span> - Lượt tải: <span id="fileinfo-filesize">{xen:number $dkem.view_count}</span></span>
            <span class="fileinfo" id="fileinfo"><a class="baivietgoc" target="_blank" href="{xen:link threads, $dkem}" title="{xen:raw $dkem.title}">Bài viết gốc</a></span>
            <div id="waiting-down" class="btnss btn-blue">
                <span class="text1" id="countdown-info" >File đang được xác định, vui lòng chờ</span>
                <span id="countdown-info2" class="text1" style="display:none">Đang lấy link download...</span>
                <span class="timedown" id="timevisit"><a id="time">{xen:raw $xenOptions.vnxf_download_time}</a>s</span>
                <div id="loadingdown" class="loading" style="display:none">
                    <div id="fountainG">
                    <div id="fountainG_1" class="fountainG"></div>
                    <div id="fountainG_2" class="fountainG"></div>
                    <div id="fountainG_3" class="fountainG"></div>
                    <div id="fountainG_4" class="fountainG"></div>
                    <div id="fountainG_5" class="fountainG"></div>
                    <div id="fountainG_6" class="fountainG"></div>
                    <div id="fountainG_7" class="fountainG"></div>
                    <div id="fountainG_8" class="fountainG"></div>
                    </div>
                </div>
            </div>
            <div class="button-download" id="download-button" style="display:none">
                <span id="but2">
                    <form action="{xen:link attachments, $dkem}?sess={xen:raw $sess}" method="post">
                        <input type="submit" class="btn btn-download" value="Download" style="cursor:pointer">
                        <input type="hidden" name="sess" value="{xen:raw $sess}" />
                        <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
                    </form>
                </span>
             </div>
             <input class="lin_fil" type="text" value="{xen:link full:attachments, $dkem}">
            <div class="downloading hide" id="downloading">Ðã tải xuống</div>
        </div>
        <div class="ad-right">{xen:raw $xenOptions.vnxf_download_adsright}</div>
    </div>  
    <xen:else/>
    File này không tồn tại!
    </xen:if>
    <script type="text/javascript">
        var jgt = {xen:raw $xenOptions.vnxf_download_time};
        document.getElementById('time').innerHTML = jgt+1;
        function stime(){
            document.getElementById('time').innerHTML = jgt;
            jgt = jgt - 1;
            if(jgt == -1){
            document.getElementById("loadingdown").style.display="block";
            document.getElementById("time").style.display="none";
            document.getElementById("timevisit").style.display="none";
            document.getElementById("countdown-info").style.display="none";
            document.getElementById("countdown-info2").style.display="block";
            document.getElementById("download-button").style.display="none";
          
            }
            if(jgt == -8){
            clearInterval(timing);
            document.getElementById("time").style.display="none";
            document.getElementById("waiting-down").style.display="none";
            document.getElementById("download-button").style.display="block";
            document.getElementById("loadingdown").style.display="none";
          
            }
        }
        var timing = setInterval("stime();",1000);
    </script>
    VNXF_Download.css
    Mã:
    input.lin_fil {
        padding: 2px 5px;
    }
    .download-container {
        background: #ecf0f5 none repeat scroll 0 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ddd;
        padding: 10px;
        margin: 0 auto;
        position: relative;
        min-height: 260px;
        width: 98%;
    }
    
    .download-container .download-box {
    background: #fafafa none repeat scroll 0 0;
        border: 1px solid #ddd;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
        padding: 5px 10px;
        text-align: center;
        width: 504px;
    }
    
    .filename {
        color: #34495e;
        display: block;
        font-family: "Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        font-size: 20px;
        overflow: hidden;
        padding: 5px;
        text-overflow: ellipsis;
    }
    
    .fileinfo {
        color: #34495e;
        display: block;
        font-family: "Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
        font-size: 14px;
        padding: 5px;
    }
    
    #fileinfo > a.baivietgoc {
        color: #033a77;
        font-size: 14px;
        font-weight: bold;
    }
    
    .download-container .ad-right {
        background: #ccc none repeat scroll 0 0;
        float: right;
        height: 250px;
        overflow: hidden;
        width: 300px;
    }
    
    .download-container .ad-left {
        background: #ccc none repeat scroll 0 0;
        float: left;
        height: 250px;
        overflow: hidden;
        width: 300px;
    }
    
    .download-box input {
        width: 250px;
    }
    
    .download-container .download-box .time-down .time {
        color: #777;
        font-size: 50px;
    }
    .file-link {
        margin-top: 15px;
    }
    .file-link-input {
        padding: 5px;
        width: 300px;
    }
    .file-save {
        float: left;
        margin-top: 18px;
    }
    .waiting-down {
        cursor: default !important;
        opacity: 0.4;
    }
    .btn-download {
       color: #ffffff;
        background: #1abc9c url("http://congngheaz.com/styles/default/img/cloud-download.png") no-repeat scroll 65px 27px;
        margin: 10px auto;
        border: 0;
        font-size: 17.5px;
        background-position: 50px 20px;
        padding: 30px 30px 30px 60px;
    }
    .btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active, .btn-download.disabled, .btn-download[disabled] {
        background-color: #51a351;
        color: #ffffff;
    }
    .hide {display:none;}
    
    
    #waiting-down {
        margin: 20px auto;
        width: 275px;
    }
    .btnss.btn-blue {
        background-color: #3498db;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -khtml-border-radius: 6px;
        border-radius: 6px;
        cursor: pointer;
        font-family: "Tahoma","Verdana","Arial","sans-serif";
        font-size: 15.5px;
        padding: 11px 19px;
    }
    .btnss {
        color: #fff !important;
        font-size: 16.5px;
        text-shadow: none;
    }
    .timedown {
        display: block;
        font-size: 36px;
    }
    .loading {
        margin: 10px;
    }
    #fountainG{
        position:relative;
        width:234px;
        height:28px;
        margin:auto;
    }
    
    .fountainG{
        position:absolute;
        top:0;
        background-color:rgb(255,255,255);
        width:28px;
        height:28px;
        animation-name:bounce_fountainG;
            -o-animation-name:bounce_fountainG;
            -ms-animation-name:bounce_fountainG;
            -webkit-animation-name:bounce_fountainG;
            -moz-animation-name:bounce_fountainG;
        animation-duration:1.5s;
            -o-animation-duration:1.5s;
            -ms-animation-duration:1.5s;
            -webkit-animation-duration:1.5s;
            -moz-animation-duration:1.5s;
        animation-iteration-count:infinite;
            -o-animation-iteration-count:infinite;
            -ms-animation-iteration-count:infinite;
            -webkit-animation-iteration-count:infinite;
            -moz-animation-iteration-count:infinite;
        animation-direction:normal;
            -o-animation-direction:normal;
            -ms-animation-direction:normal;
            -webkit-animation-direction:normal;
            -moz-animation-direction:normal;
        transform:scale(.3);
            -o-transform:scale(.3);
            -ms-transform:scale(.3);
            -webkit-transform:scale(.3);
            -moz-transform:scale(.3);
        border-radius:19px;
            -o-border-radius:19px;
            -ms-border-radius:19px;
            -webkit-border-radius:19px;
            -moz-border-radius:19px;
    }
    
    #fountainG_1{
        left:0;
        animation-delay:0.6s;
            -o-animation-delay:0.6s;
            -ms-animation-delay:0.6s;
            -webkit-animation-delay:0.6s;
            -moz-animation-delay:0.6s;
    }
    
    #fountainG_2{
        left:29px;
        animation-delay:0.75s;
            -o-animation-delay:0.75s;
            -ms-animation-delay:0.75s;
            -webkit-animation-delay:0.75s;
            -moz-animation-delay:0.75s;
    }
    
    #fountainG_3{
        left:58px;
        animation-delay:0.9s;
            -o-animation-delay:0.9s;
            -ms-animation-delay:0.9s;
            -webkit-animation-delay:0.9s;
            -moz-animation-delay:0.9s;
    }
    
    #fountainG_4{
        left:88px;
        animation-delay:1.05s;
            -o-animation-delay:1.05s;
            -ms-animation-delay:1.05s;
            -webkit-animation-delay:1.05s;
            -moz-animation-delay:1.05s;
    }
    
    #fountainG_5{
        left:117px;
        animation-delay:1.2s;
            -o-animation-delay:1.2s;
            -ms-animation-delay:1.2s;
            -webkit-animation-delay:1.2s;
            -moz-animation-delay:1.2s;
    }
    
    #fountainG_6{
        left:146px;
        animation-delay:1.35s;
            -o-animation-delay:1.35s;
            -ms-animation-delay:1.35s;
            -webkit-animation-delay:1.35s;
            -moz-animation-delay:1.35s;
    }
    
    #fountainG_7{
        left:175px;
        animation-delay:1.5s;
            -o-animation-delay:1.5s;
            -ms-animation-delay:1.5s;
            -webkit-animation-delay:1.5s;
            -moz-animation-delay:1.5s;
    }
    
    #fountainG_8{
        left:205px;
        animation-delay:1.64s;
            -o-animation-delay:1.64s;
            -ms-animation-delay:1.64s;
            -webkit-animation-delay:1.64s;
            -moz-animation-delay:1.64s;
    }
    
    
    
    @keyframes bounce_fountainG{
        0%{
        transform:scale(1);
            background-color:rgb(255,255,255);
        }
    
        100%{
        transform:scale(.3);
            background-color:rgb(255,255,255);
        }
    }
    
    @-o-keyframes bounce_fountainG{
        0%{
        -o-transform:scale(1);
            background-color:rgb(255,255,255);
        }
    
        100%{
        -o-transform:scale(.3);
            background-color:rgb(255,255,255);
        }
    }
    
    @-ms-keyframes bounce_fountainG{
        0%{
        -ms-transform:scale(1);
            background-color:rgb(255,255,255);
        }
    
        100%{
        -ms-transform:scale(.3);
            background-color:rgb(255,255,255);
        }
    }
    
    @-webkit-keyframes bounce_fountainG{
        0%{
        -webkit-transform:scale(1);
            background-color:rgb(255,255,255);
        }
    
        100%{
        -webkit-transform:scale(.3);
            background-color:rgb(255,255,255);
        }
    }
    
    @-moz-keyframes bounce_fountainG{
        0%{
        -moz-transform:scale(1);
            background-color:rgb(255,255,255);
        }
    
        100%{
        -moz-transform:scale(.3);
            background-color:rgb(255,255,255);
        }
    }
    
    .text2 {
        color: #fff !important;
        display: block;
        margin-left: 54px;
        padding: 23px 20px;
    }
     
    Chỉnh sửa cuối: 14/07/2016
  9. hardcore

    hardcore Thượng Đế

    Tham gia:
    02/04/2015
    Bài viết:
    378
    Đã được thích:
    293
    Điểm thành tích:
    63
    Giới tính:
    Nam
    @bcat95 bác Responsive luôn đi cho nóng :)
     
    THB thích bài này.
  10. bcat95

    bcat95 Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    06/04/2015
    Bài viết:
    1,233
    Đã được thích:
    1,055
    Điểm thành tích:
    113
    Giới tính:
    Nữ
    Nghề nghiệp:
    Sinh Viên
    Mình out đã
     
    THB thích bài này.
  11. Lê Tí

    Lê Tí Thượng Đế

    Tham gia:
    29/07/2015
    Bài viết:
    143
    Đã được thích:
    149
    Điểm thành tích:
    43
    Giới tính:
    Nam

    respon chưa e? :D
     
    THB thích bài này.
  12. bcat95

    bcat95 Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    06/04/2015
    Bài viết:
    1,233
    Đã được thích:
    1,055
    Điểm thành tích:
    113
    Giới tính:
    Nữ
    Nghề nghiệp:
    Sinh Viên
    Chưa a :D mà sao làm addon k res luôn cho tiện nhỉ hehe. Để e respon luôn
     
    Lê Tí thích bài này.
  13. daohongduong

    daohongduong Thượng Đế

    Tham gia:
    27/01/2016
    Bài viết:
    8
    Đã được thích:
    4
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Sao em thử vẫn bị nhảy về homepage nhỉ
     
  14. Lê Tí

    Lê Tí Thượng Đế

    Tham gia:
    29/07/2015
    Bài viết:
    143
    Đã được thích:
    149
    Điểm thành tích:
    43
    Giới tính:
    Nam
    oki e, nhanh nhé :D
     
  15. ptvinhdtk

    ptvinhdtk Thượng Đế

    Tham gia:
    21/07/2015
    Bài viết:
    203
    Đã được thích:
    110
    Điểm thành tích:
    43
    Giới tính:
    Nam
    addon này sửa đc tải chờ link ngoài ko nhỉ?
     
    THB thích bài này.
  16. THB

    THB Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    5,320
    Đã được thích:
    3,027
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    CEO
    chưa có thời gian bác ạ. đợi nhé. hiii
     
    Lê Tí thích bài này.
  17. Lê Tí

    Lê Tí Thượng Đế

    Tham gia:
    29/07/2015
    Bài viết:
    143
    Đã được thích:
    149
    Điểm thành tích:
    43
    Giới tính:
    Nam
    làm sơm đi a ơi, responsive luôn nhé ;)
     
    THB thích bài này.
  18. lenanghai

    lenanghai Thượng Đế

    Tham gia:
    21/08/2016
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    1. em muốn lấy 1 đoạn content đầu trong topic của attach để hiển thị trên trang download thì phải làm thế nào
    2. Bộ đếm download bị treo, em tải nhiều lượt nhưng nó ko chịu đếm

    1.png
    2.png
     
    Chỉnh sửa cuối: 22/08/2016
  19. ptvinhdtk

    ptvinhdtk Thượng Đế

    Tham gia:
    21/07/2015
    Bài viết:
    203
    Đã được thích:
    110
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Ủng hộ để nhanh có thêm tính năng chờ download url ngoài. Có thêm cái này là addon này quá toàn diện
     
    THB thích bài này.
  20. zing4u

    zing4u Thượng Đế

    Tham gia:
    21/08/2016
    Bài viết:
    13
    Đã được thích:
    8
    Điểm thành tích:
    3
    Giới tính:
    Nam
    @Blue nó không đếm lượt download là sao ạ? :oops:
     
    Chỉnh sửa cuối: 28/08/2016
    THB thích bài này.

Chia sẻ trang này