D.C Style - Advanced Download

xF2 Add-on D.C Style - Advanced Download 1.0.8 Patch Level 1

No permission to download
Overview Updates (7) Reviews (4) History Discussion (102)
Ave12

Ave12

Active member
Registered
Joined
Jun 8, 2023
Messages
30
Points
8

Reputation:

The page is a copy of the ASSET-LEAKS site page, if someone needs an exact 1v1 copy, you can leave your comment and I will do it with the output of daily resource download limits.


If the administrator of this site does not refund my money, I will salt a 10,000,000% copy of his site including add-ons.

D.C Style.jpg



I'm leaking a custom resource download page for you.

DC_AdvancedDownload.less​


#DC_AdvancedDownload__container
{
margin-top: 1.5em;
margin-bottom: 1.5em;

.DC_AdvancedDownload__inner
{
display: flex;
width: 100%;
justify-content: space-between;

.DC_AdvancedDownload__el
{
flex: 1 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

&.left, &.right
{
max-width: 850px;

> *
{
display: block;
}
}

&.main
{
padding: 0px;
margin: 0 0px;
border: 0px solid @xf-borderColor;
max-width: 1250px;
border-radius: @xf-borderRadiusMedium;

.title
{
font-size: 1.6em;
font-weight: 500;
color: @xf-textColorDimmed;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}

.info
{
p
{
margin-block-start: 0;
margin-block-end: 0;
color: @xf-textColorMuted;
.m-clearFix();

i
{
display: inline-block;
width: 20px;
text-align: center;
}

b
{
float: right;
}
}
}

.timer
{
margin-top: .5em;
margin-bottom: .5em;
font-size: 2em;
font-weight: 600;
}

.downloader
{
.DC_AdvancedDownload__loadingBar
{
display: none;
}

.guide
{
font-weight: 600;
color: @xf-textColorAttention;
margin-block-start: 0;
text-align: center;
}

#DC_AdvancedDownload__downloadButton
{
margin-bottom: .5em;
display: block;
width: 100%;
height: auto;
font-size: 20px;
text-transform: uppercase;
padding: 10px 60px;
box-sizing: border-box;

color: #fff;
font-weight: 700;
text-decoration: none;
background: #0089ff;
border: 0 solid #ffa200;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px
}

&.disabled
{
.DC_AdvancedDownload__form
{
position: relative;

#DC_AdvancedDownload__downloadButton
{
pointer-events: none;
background: xf-diminish(@xf-linkColor, 20%);
border-color: transparent;

.button-text
{
opacity: 0;
}
}

.DC_AdvancedDownload__loadingBar
{
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
}

.link
{
margin: 0 auto;

.fileLink_input
{
border: 0;
border-radius: @xf-borderRadiusMedium;
outline: 0;
padding: 3px 10px;
width: 100%;
}
}
}
}

@media (max-width: @xf-responsiveWide)
{
flex-wrap: wrap;
justify-content: center;

.DC_AdvancedDownload__el
{
width: 100%;

&.left, &.right
{
order: 1;
margin: 0 5px;
}

&.main
{
margin: 10px auto;
order: 2;
}
}
}
}
}

/** Loading bar animation */
.DC_AdvancedDownload__loadingBar
{
display: inline-block;
position: relative;
width: 64px;
height: 64px;

div
{
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);

&:nth-child(1)
{
left: 6px;
animation: DC_loading_1 0.6s infinite;
}

&:nth-child(2)
{
left: 6px;
animation: DC_loading_2 0.6s infinite;
}

&:nth-child(3)
{
left: 26px;
animation: DC_loading_2 0.6s infinite;
}

&:nth-child(4)
{
left: 45px;
animation: DC_loading_3 0.6s infinite;
}
}
}
@keyframes DC_loading_1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes DC_loading_3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes DC_loading_2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}

.DC_AdvancedDownload__inner {
display: none;
width: 0%;
height: 0%;
}

.DC_AdvancedDownload__inner .title .avatar .square-avatar img {
border-radius: 0;
width: 228px;
height: 190px;
}

.DC_AdvancedDownload__inner .title {
display: flex;
flex-direction: column;
align-items: center;
}

.DC_AdvancedDownload__inner .title .category {
color: DodgerBlue;
margin-bottom: 5px;
font-size: 15px;
}

.DC_AdvancedDownload__inner .title .category a {
color: DodgerBlue;
text-decoration: none;
}

.DC_AdvancedDownload__inner .title .resource-name .resource-link {
color: white;
font-size: 18px;
text-decoration: none;
}

.DC_AdvancedDownload__inner .title .resource-info {
color: gray;
margin-top: 5px;
font-size: 12px;
}

.DC_AdvancedDownload__inner .title .resource-version {
font-size: 12px;
}

#DC_AdvancedDownload__timer {
color: white;
}

.content-container {
margin: 1.5rem auto
}

@media (min-width: 900px) {
.content-container {
max-width:600px
}
}

.download-container .button {
color: #fff;
font-weight: 700;
text-decoration: none;
background: #0089ff;
border: 0 solid #ffa200;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px
}

#DC_AdvancedDownload__container .DC_AdvancedDownload__inner {
justify-content: center
}

#DC_AdvancedDownload__container .DC_AdvancedDownload__inner .DC_AdvancedDownload__el.main {
border: 0;
padding: 0;
max-width: none
}

#DC_AdvancedDownload__container .DC_AdvancedDownload__inner .DC_AdvancedDownload__el.main .category {
font-size: 2rem;
color: #08f;
font-weight: 700;
margin: 0 auto 5px
}

#DC_AdvancedDownload__container .DC_AdvancedDownload__inner .DC_AdvancedDownload__el.main .title {
font-size: 1.5rem;
color: #ff9d00;
font-weight: 400;
margin: 0 auto 15px
}

#DC_AdvancedDownload__container .DC_AdvancedDownload__inner .DC_AdvancedDownload__el.main .info .avatar {
border-radius: 4px;
margin: 0 auto 10px;
display: block
}

#DC_AdvancedDownload__container .DC_AdvancedDownload__inner .DC_AdvancedDownload__el.main .message {
text-align: center
}

.message-buttons {
display: flex;
justify-content: center;
flex-wrap: wrap
}

@media (min-width: 650px) {
.message-buttons {
flex-wrap:nowrap
}
}

.message-buttons .button {
flex-basis: 100%;
margin: 5px 5px 0
}

@media (min-width: 650px) {
.message-buttons .button {
flex-basis:30%
}
}

.message-buttons .button.retry {
background: #1b9300;
height: 40px;
widht: 90px
}

.message-buttons .button.contact {
background: red;
height: 40px;
widht: 90px
}

.message-buttons .button.report {
background: #be7e00;
height: 40px;
widht: 90px
}

.DC_AdvancedDownload__inner .title .category a:hover {
text-decoration: underline;
color: orange;
}
Click to expand...

DC_AdvancedDownload_DownloadExternal

<xf:css src="DC_AdvancedDownload.less" />
<xf:include template="DC_AdvancedDownload.js" />

<xf:title>{{ phrase('DC_AdvancedDownload_download_file') }} in {$xf.options.boardTitle}</xf:title>
<xf:h1 hidden="true" />

<div class="DC_AdvancedDownload" id="DC_AdvancedDownload__container">
<div class="DC_AdvancedDownload__inner">
<div class="DC_AdvancedDownload__el left">
{$xf.options.DC_AdvancedDownload_adLeft|raw}
</div>

<div class="DC_AdvancedDownload__el main">
<h3 class="title">
<div class="category">
<a href="{{ link('resources/categories', $resource.Category) }}" class="category-link" style="color: DodgerBlue;">{{$resource.Category.title}}</a>
</div>
<div class="resource-name">
<a href="{{ link('resources', $resource) }}" class="resource-link">{{$resource.title}}</a>
</div>
<div class="avatar">
<div class="square-avatar">
{{ resource_icon($resource, 'l', link('resources', $resource)) }}
</div>
</div>
<div class="resource-info" style="color: gray; margin-left: -0px;">
Ресурс: <a href="{{ link('resources', $resource) }}" class="resource-link">{{$resource.title}}</a>
</div>
<div class="resource-version" style="color: gray; margin-left: -0px;">
Версия: <span style="color: white; font-size: 14px;">{$resource.CurrentVersion.version_string}</span>
</div>
</h3>
<div class="timer">
<span id="DC_AdvancedDownload__timer" style="color: white;">{$xf.options.DC_AdvancedDownload_time}</span>
</div>
<div class="downloader disabled">
<p class="guide">{{ phrase('DC_AdvancedDownload_press_download_button_to_download_file') }}</p>
<div class="DC_AdvancedDownload__form">
<div class="DC_AdvancedDownload__loadingBar"><div></div><div></div><div></div><div></div></div>
<xf:button href="{$fileUrl}" id="DC_AdvancedDownload__downloadButton" icon="download">{{ phrase('download') }}</xf:button>
</div>
</div>
<p style="color: white; margin-top: 5px; display: block;">If you have an issue witch the download,please try again or contact an administrator</p>
<div class="link">
<button type="button" class="retry-button" onclick="location.reload()">Retry</button>
<button type="button" class="contact-button" onclick="window.open('Your page link ')">Contact administrator</button>
<button type="button" class="report-button" onclick="window.open('Your page link')">Download not working?</button>
</div>
</div>

<div class="DC_AdvancedDownload__el right">
{$xf.options.DC_AdvancedDownload_adRight|raw}
</div>
</div>
</div>

<style>
.DC_AdvancedDownload__inner {
display: none;
width: 0%;
height: 0%;
}

.DC_AdvancedDownload__inner .title .avatar .square-avatar img {
border-radius: 0;
width: 145px;
height: 135px;
}

.DC_AdvancedDownload__inner .title {
display: flex;
flex-direction: column;
align-items: center;
}

.DC_AdvancedDownload__inner .title .category {
color: DodgerBlue;
margin-bottom: 5px;
font-size: 15px;
}

.DC_AdvancedDownload__inner .title .category a {
color: DodgerBlue;
text-decoration: none;
}

.DC_AdvancedDownload__inner .title .resource-name .resource-link {
color: white;
font-size: 18px;
text-decoration: none;
}

.DC_AdvancedDownload__inner .title .resource-info {
color: gray;
margin-top: 5px;
font-size: 14px;
}

#DC_AdvancedDownload__timer {
color: white;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function() {
var timerElement = document.getElementById("DC_AdvancedDownload__timer");
var downloadButton = document.getElementById("DC_AdvancedDownload__downloadButton");
var downloadError = document.querySelector(".download-error");

var timerValue = parseInt(timerElement.innerText);

// Добавить обработчик нажатия на кнопку загрузки
downloadButton.addEventListener("click", function(event) {
event.preventDefault();
// Ваш код для загрузки файла
window.location.href = "{$fileUrl}";
});

// Начать отсчет таймера
var interval = setInterval(function() {
timerValue--;
if (timerValue <= 0) {
clearInterval(interval);
timerElement.style.display = "none";
return;
}
timerElement.innerText = timerValue;
}, 1000);
});
</script>

</style>
Click to expand...

extra.less

.retry-button::before {
content: "\f01e"; /* Значок */
font-family: "Font Awesome 5 Pro"; /* Шрифт значков Font Awesome 5 Pro */
margin-right: 5px; /* Отступ между значком и текстом */
}

.contact-button::before {
content: "\f4fe";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}

.report-button::before {
content: "\f059";
font-family: "Font Awesome 5 Pro";
margin-right: 5px;
}

.retry-button {
background-color: #4CAF50;
border: none;
color: white;
padding: 8px 58px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 5px;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.3s;
}

.contact-button {
background-color: #F44336;
border: none;
color: white;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 5px;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.3s;
}

.report-button {
background-color: #FF9800;
border: none;
color: white;
padding: 8px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 5px;
cursor: pointer;
border-radius: 5px;
transition: background-color 0.3s;
}

.retry-button:hover,
.contact-button:hover,
.report-button:hover {
background: linear-gradient(to bottom, #0099cc 0%, #003366 100%);
}

@media screen and (max-width: 480px) { /* Максимальная ширина экрана 480px */
.retry-button,
.contact-button,
.report-button {
width: 100%;
margin: 5px 0;
}
}
Click to expand...

Note: Replace the following text in the lines with your links.

<button type="button" class="contact-button" onclick="window.open('Your page link ')">Contact administrator</button>
<button type="button" class="report-button" onclick="window.open('Your page link')">Download not working?</button>

Note 2: In the screenshot, the text Resource and version are in Russian, but don't worry, in the code I gave, everything is translated into English.
 
Last edited:
huanvm

huanvm

New member
Registered
Joined
Apr 20, 2023
Messages
4
Points
1

Reputation:

Ave12 said:
The page is a copy of the ASSET-LEAKS site page, if someone needs an exact 1v1 copy, you can leave your comment and I will do it with the output of daily resource download limits.


If the administrator of this site does not refund my money, I will salt a 10,000,000% copy of his site including add-ons.

View attachment 36488


I'm leaking a custom resource download page for you.

DC_AdvancedDownload.less​




DC_AdvancedDownload_DownloadExternal



extra.less



Note: Replace the following text in the lines with your links.

<button type="button" class="contact-button" onclick="window.open('Your page link ')">Contact administrator</button>
<button type="button" class="report-button" onclick="window.open('Your page link')">Download not working?</button>

Note 2: In the screenshot, the text Resource and version are in Russian, but don't worry, in the code I gave, everything is translated into English.
Click to expand...
Ave12Thank you but it not working in v1.0.8 bro
 
↑View previous replies…
huanvm

huanvm

New member
Registered
Joined
Apr 20, 2023
Messages
4
Points
1

Reputation:

Ave12 said:
To get downloads directly from the site, you need to upload the file directly to the site itself, and not use a link.
Click to expand...
Ave12I understand that. I just want to ask how to customize the download interface for directly uploaded files to be similar to the external file interface.
 
Ave12

Ave12

Active member
Registered
Joined
Jun 8, 2023
Messages
30
Points
8

Reputation:

huanvm said:
I understand that. I just want to ask how to customize the download interface for directly uploaded files to be similar to the external file interface.
Click to expand...
huanvmAnd now I understand you, but I didn’t bother about that style, since I don’t have this type of file on my site
 
tofayelamin

tofayelamin

Active member
Registered
Joined
May 24, 2020
Messages
38
Points
18

Reputation:

Normally when anyone download any resource, the resource was "Watched" But after installed D.C Style - Advanced Download, the resource will not "Watched" & not count download. for that reason, anyone can't Review also.
 
Last edited:
Ave12

Ave12

Active member
Registered
Joined
Jun 8, 2023
Messages
30
Points
8

Reputation:

tofayelamin said:
Normally when anyone download any resource, the resource was "Watched" But after installed D.C Style - Advanced Download, the resource will not "Watched" & not count download. for that reason, anyone can't Review also.
Click to expand...
tofayelaminAs far as I can see all the meters are working

 
You must log in or register to reply here.
Top