Addon 2x [VNXF 2x] Download Countdown - Đếm ngược chờ tải file đính kèm

Blue

Founder
Thành viên BQT
Đây là addon đầu tiên được nâng cấp từ XenForo 1.x lên XenForo 2.x của VNXF, addon cũ mang tên [VNXF] Download và sang bản mới mang tên [VNXF 2x] Download Countdown - Đếm ngược chờ tải file đính kèm.

Với add on các bạn có thể:

- Set số giây chờ để có thể download file.
- Gắn banner có kích thước 300x250 ở 2 bên.

VNXF 2x Download Countdown.png


Lưu ý:
- Add on có thể xung đột và gây lỗi nếu bạn đang sử dụng hệ thống trả tiền khi tải add on.

Hướng dẫn cài đặt:
- Tải file về
- Upload các file trong mục upload lên folder root của site (ngang hàng với file index.php).
- Vào AdminCP / Addon, chọn addon [VNXF] Download Countdown và nhấn Install (Cài đặt).
- Vào AdminCP / Setup / Options / chọn addon [VNXF] Download Countdown để tùy chỉnh thời gian đếm ngược và các banner

Blue - VNXF
 

Đính kèm

Sửa lần cuối:
addon này có tác dụng với file tải lên hosting mới được à admin? các link liên kết bất kì thì không được phải không?
 
  • Like
Reactions: THB
Có ai bị như mình không, nó đếm ngược giây rồi bấm vào Download thì nhảy ra trang chủ, không tải file về được
 
CSS mình tự viết k chồng lên nhau trên mobile nhé


<style>
.download-container {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #ddd;
margin: 0 auto;
min-height: 280px;
padding: 10px;
position: relative;
width: 98%;
}
.download-container .ad-top {
display: block;
float: left;
margin-bottom: 20px;
text-align: center;
width: 728px;
}
.download-container .ad-left {
height: 250px;
width: 33.333333%;
float: left;
min-width: 350px;
}
.download-container .ad-right {
height: 250px;
width: 33.333333%;
float: right;
min-width: 350px;
}
.download-container .download-box {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
margin: 0 auto;
padding: 10px;
text-align: center;
min-width: 350px;
width: 33.333333%;
display: inline-block;
}
.download-container .download-box .file-name {
color: #777;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
}
.download-container .download-box .time-down {
margin-bottom: 8px;
}
.download-container .download-box .downloading {
margin-top: 8px;
}
.download-container .download-box .time-down .text {
font-size: 12px;
}
.download-container .download-box .time-down .time {
color: #777;
font-size: 50px;
}
.download-container .download-box .add-file {
background: rgba(0, 0, 0, 0) url("../image/001_03.png") no-repeat scroll 0 0;
display: block;
font-size: 13px;
height: 24px;
padding-top: 3px;
width: 162px;
}
.download-container .download-box .add-file span {
display: block;
padding-top: 5px;
}
.file-link {
margin-top: 15px;
}
.file-link-input {
padding: 5px;
width: 300px;
}
.file-save {
float: left;
margin-top: 18px;
}
.file-share {
float: right;
font-size: 13px;
margin-top: 18px;
}
.waiting-down {
cursor: default !important;
opacity: 0.4;
}
.btn-download {
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #ffffff;
font-size: 20px;
padding: 10px 60px;
text-shadow: 0 0 0 transparent, 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active, .btn-download.disabled, .btn-download[disabled] {
background-color: #51a351;
color: #ffffff;
}
.btn-download:active, .btn-download.active {
}
.hide {
display:none;
}
</style>
 
CSS mình tự viết k chồng lên nhau trên mobile nhé


<style>
.download-container {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #ddd;
margin: 0 auto;
min-height: 280px;
padding: 10px;
position: relative;
width: 98%;
}
.download-container .ad-top {
display: block;
float: left;
margin-bottom: 20px;
text-align: center;
width: 728px;
}
.download-container .ad-left {
height: 250px;
width: 33.333333%;
float: left;
min-width: 350px;
}
.download-container .ad-right {
height: 250px;
width: 33.333333%;
float: right;
min-width: 350px;
}
.download-container .download-box {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
margin: 0 auto;
padding: 10px;
text-align: center;
min-width: 350px;
width: 33.333333%;
display: inline-block;
}
.download-container .download-box .file-name {
color: #777;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
}
.download-container .download-box .time-down {
margin-bottom: 8px;
}
.download-container .download-box .downloading {
margin-top: 8px;
}
.download-container .download-box .time-down .text {
font-size: 12px;
}
.download-container .download-box .time-down .time {
color: #777;
font-size: 50px;
}
.download-container .download-box .add-file {
background: rgba(0, 0, 0, 0) url("../image/001_03.png") no-repeat scroll 0 0;
display: block;
font-size: 13px;
height: 24px;
padding-top: 3px;
width: 162px;
}
.download-container .download-box .add-file span {
display: block;
padding-top: 5px;
}
.file-link {
margin-top: 15px;
}
.file-link-input {
padding: 5px;
width: 300px;
}
.file-save {
float: left;
margin-top: 18px;
}
.file-share {
float: right;
font-size: 13px;
margin-top: 18px;
}
.waiting-down {
cursor: default !important;
opacity: 0.4;
}
.btn-download {
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #ffffff;
font-size: 20px;
padding: 10px 60px;
text-shadow: 0 0 0 transparent, 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download.active, .btn-download.disabled, .btn-download[disabled] {
background-color: #51a351;
color: #ffffff;
}
.btn-download:active, .btn-download.active {
}
.hide {
display:none;
}
</style>
bác ơi cho e hỏi, để thêm cái chức năng bài viết liên quan đến file attachment đó như ở xen 1 thì sao ạ
 
@Blue @PVS a ơi, addon báo lỗi này thì fix như nào vậy ạ (file có tên ngôn ngữ mở rộng)

ErrorException: [E_NOTICE] Trying to access array offset on value of type bool in src/addons/VNXF/Download/Pub/Controller/Attachment.php at line 15
  1. XF::handlePhpError() in src/addons/VNXF/Download/Pub/Controller/Attachment.php at line 15
  2. VNXF\Download\Pub\Controller\Attachment->actionIndex() in src/XF/Mvc/Dispatcher.php at line 350
  3. XF\Mvc\Dispatcher->dispatchClass() in src/XF/Mvc/Dispatcher.php at line 257
  4. XF\Mvc\Dispatcher->dispatchFromMatch() in src/XF/Mvc/Dispatcher.php at line 113
  5. XF\Mvc\Dispatcher->dispatchLoop() in src/XF/Mvc/Dispatcher.php at line 55
  6. XF\Mvc\Dispatcher->run() in src/XF/App.php at line 2190
  7. XF\App->run() in src/XF.php at line 391
  8. XF::runApp() in index.php at line 20
 
Sửa lần cuối:
Back
Top