• You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.

    Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"

WordPress Download Manager Pro

WordPress Download Manager Pro v6.5.3 + all Addons

No permission to download
Overview Updates (26) Reviews (24) History Discussion
I try use the download manager addon but didn't find any style and setup like two style above
 
Lirik said:
What about last one? Any idea? Thanks before 🙏
Click to expand...

Create new Template.

HTML: 
<div class="thecontent">
  <h3 id="pdownload" style="text-align: center;">Processing Complete! Your download will start in a few seconds.</h3> &nbsp; <p class="force_download" style="text-align: center;">If your download does not start automatically <span style="color: #3366ff;">
      <strong>
        <a id="" style="color: #3366ff;" href="[download_url]">click here</a></strong>.</span>
  </p>
  <style>
    img.attachment-schema-featured.size-schema-featured.wp-post-image {
      display: none !important;
    }

    ul.essb_links_list.essb_force_hide_name.essb_force_hide {
      display: none !important;
    }

    .post-info {
      display: none !important;
    }

    h3#pdownload {
      margin-bottom: -15px !important;
    }

    h1.title.single-title.entry-title {
      margin-bottom: 60px;
    }
  </style>
  <div class="download-page">
    <div class="box-4 step-1">
      <div class="download-icon-anim">
        <div class="download-arrow"></div>
      </div>
      <div class="title">
        <span>Link Download Rusak?</span>
        <br>
       
          <span style="color: #ffffff;">
            <a style="color: #ffffff !important; text-decoration: underline;" href="/laporkan-link/" target="_blank" rel="noopener noreferrer">Laporkan Disini</a>
          </span>
      </div>
    </div>
    <div class="box-4 step-3">
      <div class="download-icon-anim">
        <div class="download-send"></div>
      </div>
      <div class="title">Mau Request Aplikasi? <br>
          <span style="color: #ffffff;">
            <a style="color: #ffffff !important; text-decoration: underline;" href="/request-software/" target="_blank" rel="noopener noreferrer">Request Disini</a>
          </span>
      </div>
    </div>
    <div style="clear: both;"></div>
  </div>
</div>

CSS: 
h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 19px !important;
    color: #222222;
    line-height: 1.4 !important;
}

.entry-content h3 {
    text-transform: none;
    font-weight: bold !important;
}

h3#pdownload {
    margin-bottom: -15px!important !important;
}

.entry-content p {
    margin-bottom: 20px !important;
}

.download-page {
    position: relative;
    display: block;
    height: 80px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 20px;
}

.box-4 {
    width: 50%;
}

.box-4:first-child {
    float: left;
}

.download-page .box-4 {
    position: relative;
    display: table;
    height: 80px;
}

.download-page .step-1 {
    background: -webkit-linear-gradient(left, #00854a, #119459 20%);
    background: -o-linear-gradient(right, #00854a, #119459 20%);
    background: -webkit-gradient(linear, left top, right top, from(#00854a), color-stop(20%, #119459));
    background: -o-linear-gradient(left, #00854a, #119459 20%);
    background: linear-gradient(90deg, #18225D, #18225D 20%);
    border-radius: 6px 0 0 6px;
}

.download-icon-anim, .download-icon-anim>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.download-arrow {
    background-image: url(https://www.nesabamedia.com/wp-content/uploads/2020/12/brokenlink-icon3.png);
    -webkit-animation: arrowUpDown 1s ease-in-out infinite;
    animation: arrowUpDown 1s ease-in-out infinite;
}

.download-icon-anim, .download-icon-anim>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.download-icon-anim>div {
    background-repeat: no-repeat;
    background-position: 50%;
}

.title {
    clear: both;
}

.download-page .box-4 .title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 120px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    text-align: left;
}

.download-page .step-1 .title {
    padding-left: 80px;
    font-weight: normal;
    text-transform: capitalize;
    text-align: left;
}

.download-page .step-1:after {
    position: absolute;
    width: 40px;
    height: 100%;
    right: -40px;
    top: 0;
    content: "";
    z-index: 1;
    border-top: 40px solid hsla(0, 0%, 100%, 0);
    border-bottom: 40px solid hsla(0, 0%, 100%, 0);
    border-left: 40px solid #18225D;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.download-page .step-3 {
    background: -webkit-linear-gradient(left, #b81017, #d43839 20%);
    background: -o-linear-gradient(right, #b81017, #d43839 20%);
    background: -webkit-gradient(linear, left top, right top, from(#b81017), color-stop(20%, #d43839));
    background: -o-linear-gradient(left, #b81017, #d43839 20%);
    background: linear-gradient(90deg, #FF5722, #FF5722 20%);
    border-radius: 0 6px 6px 0;
}

.download-send {
    background-image: url(https://www.nesabamedia.com/wp-content/uploads/2020/12/sendme-icon.png);
}

.download-icon-anim, .download-icon-anim>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.download-icon-anim>div {
    background-repeat: no-repeat;
    background-position: 50%;
}

.download-page .box-4:nth-child(2) .download-icon-anim>div, .download-page .box-4:nth-child(3) .download-icon-anim>div {
    left: 40px;
}

@media (max-width: 425px){
.download-page {
    height: auto;
    padding: 0 5px;
}
.download-page .box-4 {
    width: 100%;
    margin-bottom: 10px;
    float: none;
    border-radius: 6px;
    padding: 10px 0;
}
.download-page .box-4:nth-child(2) .download-icon-anim>div, .download-page .box-4:nth-child(3) .download-icon-anim>div, .download-icon-anim {
    left: 0;
    top: auto;
}
.download-page .box-4 .title {
    padding-left: 80px;
}
.download-page .step-1:after {display: none;}

}


Screenshot_471.png
 
Last edited:
  • Like
  • Love
Reactions: spuig, Furioushade and Poet
unicorn said:
Create new Template.

HTML: 
<div class="thecontent">
  <h3 id="pdownload" style="text-align: center;">Processing Complete! Your download will start in a few seconds.</h3> &nbsp; <p class="force_download" style="text-align: center;">If your download does not start automatically <span style="color: #3366ff;">
      <strong>
        <a id="" style="color: #3366ff;" href="[download_url]">click here</a></strong>.</span>
  </p>
  <style>
    img.attachment-schema-featured.size-schema-featured.wp-post-image {
      display: none !important;
    }

    ul.essb_links_list.essb_force_hide_name.essb_force_hide {
      display: none !important;
    }

    .post-info {
      display: none !important;
    }

    h3#pdownload {
      margin-bottom: -15px !important;
    }

    h1.title.single-title.entry-title {
      margin-bottom: 60px;
    }
  </style>
  <div class="download-page">
    <div class="box-4 step-1">
      <div class="download-icon-anim">
        <div class="download-arrow"></div>
      </div>
      <div class="title">
        <span>Link Download Rusak?</span>
        <br>
      
          <span style="color: #ffffff;">
            <a style="color: #ffffff !important; text-decoration: underline;" href="/laporkan-link/" target="_blank" rel="noopener noreferrer">Laporkan Disini</a>
          </span>
      </div>
    </div>
    <div class="box-4 step-3">
      <div class="download-icon-anim">
        <div class="download-send"></div>
      </div>
      <div class="title">Mau Request Aplikasi? <br>
          <span style="color: #ffffff;">
            <a style="color: #ffffff !important; text-decoration: underline;" href="/request-software/" target="_blank" rel="noopener noreferrer">Request Disini</a>
          </span>
      </div>
    </div>
    <div style="clear: both;"></div>
  </div>
</div>

CSS: 
h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 19px !important;
    color: #222222;
    line-height: 1.4 !important;
}

.entry-content h3 {
    text-transform: none;
    font-weight: bold !important;
}

h3#pdownload {
    margin-bottom: -15px!important !important;
}

.entry-content p {
    margin-bottom: 20px !important;
}

.download-page {
    position: relative;
    display: block;
    height: 80px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 20px;
}

.box-4 {
    width: 50%;
}

.box-4:first-child {
    float: left;
}

.download-page .box-4 {
    position: relative;
    display: table;
    height: 80px;
}

.download-page .step-1 {
    background: -webkit-linear-gradient(left, #00854a, #119459 20%);
    background: -o-linear-gradient(right, #00854a, #119459 20%);
    background: -webkit-gradient(linear, left top, right top, from(#00854a), color-stop(20%, #119459));
    background: -o-linear-gradient(left, #00854a, #119459 20%);
    background: linear-gradient(90deg, #18225D, #18225D 20%);
    border-radius: 6px 0 0 6px;
}

.download-icon-anim, .download-icon-anim>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.download-arrow {
    background-image: url(https://www.nesabamedia.com/wp-content/uploads/2020/12/brokenlink-icon3.png);
    -webkit-animation: arrowUpDown 1s ease-in-out infinite;
    animation: arrowUpDown 1s ease-in-out infinite;
}

.download-icon-anim, .download-icon-anim>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.download-icon-anim>div {
    background-repeat: no-repeat;
    background-position: 50%;
}

.title {
    clear: both;
}

.download-page .box-4 .title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 120px;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    text-align: left;
}

.download-page .step-1 .title {
    padding-left: 80px;
    font-weight: normal;
    text-transform: capitalize;
    text-align: left;
}

.download-page .step-1:after {
    position: absolute;
    width: 40px;
    height: 100%;
    right: -40px;
    top: 0;
    content: "";
    z-index: 1;
    border-top: 40px solid hsla(0, 0%, 100%, 0);
    border-bottom: 40px solid hsla(0, 0%, 100%, 0);
    border-left: 40px solid #18225D;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.download-page .step-3 {
    background: -webkit-linear-gradient(left, #b81017, #d43839 20%);
    background: -o-linear-gradient(right, #b81017, #d43839 20%);
    background: -webkit-gradient(linear, left top, right top, from(#b81017), color-stop(20%, #d43839));
    background: -o-linear-gradient(left, #b81017, #d43839 20%);
    background: linear-gradient(90deg, #FF5722, #FF5722 20%);
    border-radius: 0 6px 6px 0;
}

.download-send {
    background-image: url(https://www.nesabamedia.com/wp-content/uploads/2020/12/sendme-icon.png);
}

.download-icon-anim, .download-icon-anim>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}

.download-icon-anim>div {
    background-repeat: no-repeat;
    background-position: 50%;
}

.download-page .box-4:nth-child(2) .download-icon-anim>div, .download-page .box-4:nth-child(3) .download-icon-anim>div {
    left: 40px;
}

@media (max-width: 425px){
.download-page {
    height: auto;
    padding: 0 5px;
}
.download-page .box-4 {
    width: 100%;
    margin-bottom: 10px;
    float: none;
    border-radius: 6px;
    padding: 10px 0;
}
.download-page .box-4:nth-child(2) .download-icon-anim>div, .download-page .box-4:nth-child(3) .download-icon-anim>div, .download-icon-anim {
    left: 0;
    top: auto;
}
.download-page .box-4 .title {
    padding-left: 80px;
}
.download-page .step-1:after {display: none;}

}


Screenshot_471.png
Click to expand...
Thanks for your effort, this is just use CSS or also using download manager plugin?
 
unfortunately need new update and this version need to be nulled again
 
I'm still confused about how to make it auto download. if we use lazy load, the settings are on a separate page.
 
unicorn said:
I'm still confused about how to make it auto download. if we use lazy load, the settings are on a separate page.
Click to expand...
Me too, the lazy download is different with the default but same plugin 😅 🙏
 
You must log in or register to reply here.

Similar threads

Babak
JoomUnited WP File Download - File Manager For WordPress
Replies
206
Views
18K
Other Plugin
Babak
Babak
marcoluig
Wordpress download manage author publish in own category
Replies
2
Views
1K
Other Plugin
legarsfred
legarsfred
parsa123
WordPress Media Connection to Host Download ftp
Replies
0
Views
1K
Other Plugin
parsa123
parsa123
XKRY0[Ita]
Filter Plus Pro - WordPress Filter, WooCommerce Product Filtering by Categories, Tags, Price Range
Replies
0
Views
14
Other Plugin
XKRY0[Ita]
XKRY0[Ita]
kalil
E2Pdf – Export To Pdf Tool for WordPress Unlimited
Replies
0
Views
19
Other Plugin
kalil
kalil

Latest posts

Forum statistics

Threads
79,636
Messages
1,146,914
Members
251,069
Latest member
tester1020

Share this page

Share this page
Top Bottom
Back
AdBlock Detected

We get it, advertisements are annoying!

However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.

If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.

I've Disabled AdBlock