20230804 082116

Script PHP Download Generator Anime Dan Film

Oleh Diposting pada

Codepelajar –  Download Generator adalah perangkat lunak atau aplikasi web yang dirancang untuk menghasilkan tautan unduhan dari berbagai sumber. Dengan menggunakan generator ini, pengguna dapat mengunduh berbagai jenis konten dengan mudah, seperti musik, video, gambar, perangkat lunak, dan file lainnya.

Script download generator intuk website anime dan film:

Script ini dapat digunakan untuk website yang bertujuan mengonten Anime atau Film, dengan adanya generator download  ini anda tidak perlu lagi mengubah satu-satu kode dari download yang biasa di tetapkan.

CSS

body {
  background:#eee
}
body * {
  padding:0;
  margin: 0;
}
.container {
  max-width:640px;
  margin:24px auto;
}

#dbox {
  background : #fff;
  padding: 24px;
  line-height:1.6;
  box-sizing:border-box;
}
#dbox * {
  box-sizing:border-box;
}

.dbox-head {
  text-align:center;
  padding:24px;
  background:rgba(0,0,0,0.5);
  color:#fff;
  margin-bottom:24px;
}
.dbox-head h4 {
  margin:0;
  font-size:24px;
}
.dbox-input label {
  display:inline-block;
  width:100%;
  margin-bottom:5px;
}
.dbox-input input[type="text"] {
  padding:10px  10px;
  border-radius:4px;
  border:2px solid rgba(0,0,0,0.2);
  font-size:16px;
  width:100%;
  margin-bottom:10px;
}

.dbox-row {
  display:flex;
  flex-wrap:wrap;
  width:100%;
}
.dbox-full {
  width:100%;
  padding:0 5px;
}
.dbox-cell-2 {
  width:50%;
  padding:0 5px
}

.dbox-output {
    width: 100%;
}

.cp-dbox {
    padding: 10px;
}

.cp-dbox-title {
    background: #222;
    padding: 10px 12px;
    text-align: center;
    color: #fff;
    margin-bottom: 14px;
}

.cp-dbox-body {
    text-align: center;
}

.cp-dbox-body .rs_uf {}

.cp-dbox-body .rs_uf {
    font-weight: bold;
    margin-bottom: 5px;
}

.cp-dbox-body .ld a {
    display: inline-block;
    padding: 8px 14px;
    text-decoration: none;
}
.dbox-output {
    width: 100%;
}

.cp-dbox {
    padding: 10px;
}

.cp-dbox-title {
    background: #222;
    padding: 10px 12px;
    text-align: center;
    color: #fff;
    margin-bottom: 14px;
}

.cp-dbox-body {
    text-align: center;
}

.cp-dbox-body .rs_uf {}

.cp-dbox-body .rs_uf {
    font-weight: bold;
    margin-bottom: 5px;
}

.cp-dbox-body .ld a {
    display: inline-block;
    padding: 8px 14px;
    text-decoration: none;
}
.dbox-tarea {
  width:100%;
  max-width:100%;
  height:300px;
  padding: 14px;
  border-radius:4px;
  border:2px solid rgba(0,0,0,0.2);
  resize:none;
}

HTML

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.6/angular.min.js"></script>
<div class='container'>
    <div id='dbox' ng-app="">
        <div class='dbox-head'>
            <h4>Download Generator - AngularJS</h4>
            <span>By - codepelajar.com</span>
        </div>
        <div class='dbox-input'>
            <div class='dbox-row'>
                <div class='dbox-full'>
                    <label>Nama Anime</label>
                    <input type='text' ng-model='nama_anime' />
                </div>
                <div class='dbox-full'>
                    <label>Ukuran File : 240</label>
                    <input type='text' placeholder="Ukuran 240p" ng-model='size_240p' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 1</label>
                    <input type='text' ng-model='name_240p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 1</label>
                    <input type='text' ng-model='url_240p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 2</label>
                    <input type='text' ng-model='name_240p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 2</label>
                    <input type='text' ng-model='url_240p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 3</label>
                    <input type='text' ng-model='name_240p_3' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 3</label>
                    <input type='text' ng-model='url_240p_3' />
                </div>
                <div class='dbox-full'>
                    <label>Ukuran File : 360p</label>
                    <input type='text' placeholder="Ukuran 360p" ng-model='size_360p' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 1</label>
                    <input type='text' ng-model='name_360p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 1</label>
                    <input type='text' ng-model='url_360p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 2</label>
                    <input type='text' ng-model='name_360p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 2</label>
                    <input type='text' ng-model='url_360p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 3</label>
                    <input type='text' ng-model='name_360p_3' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 3</label>
                    <input type='text' ng-model='url_360p_3' />
                </div>

                <div class='dbox-full'>
                    <label>Ukuran File : 480p</label>
                    <input type='text' placeholder="Ukuran 480p" ng-model='size_480p' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 1</label>
                    <input type='text' ng-model='name_480p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 1</label>
                    <input type='text' ng-model='url_480p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 2</label>
                    <input type='text' ng-model='name_480p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 2</label>
                    <input type='text' ng-model='url_480p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 3</label>
                    <input type='text' ng-model='name_480p_3' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 3</label>
                    <input type='text' ng-model='url_480p_3' />
                </div>

                <div class='dbox-full'>
                    <label>Ukuran File : 720p</label>
                    <input type='text' placeholder="Ukuran 720p" ng-model='size_720p' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 1</label>
                    <input type='text' ng-model='name_720p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 1</label>
                    <input type='text' ng-model='url_720p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 2</label>
                    <input type='text' ng-model='name_720p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 2</label>
                    <input type='text' ng-model='url_720p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 3</label>
                    <input type='text' ng-model='name_720p_3' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 3</label>
                    <input type='text' ng-model='url_720p_3' />
                </div>

                <div class='dbox-full'>
                    <label>Ukuran File : 1080p</label>
                    <input type='text' placeholder="Ukuran 1080p" ng-model='size_1080p' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 1</label>
                    <input type='text' ng-model='name_1080p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 1</label>
                    <input type='text' ng-model='url_1080p_1' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 2</label>
                    <input type='text' ng-model='name_1080p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 2</label>
                    <input type='text' ng-model='url_1080p_2' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Nama Server 3</label>
                    <input type='text' ng-model='name_1080p_3' />
                </div>
                <div class='dbox-cell-2'>
                    <label>Url Server 3</label>
                    <input type='text' ng-model='url_1080p_3' />
                </div>

                <div>
                </div>
            </div>
            <div class='dbox-output'>
                <div class="d-box">
                    <h4>{{nama_anime}}</h4>
                    <ul>
                        <li><strong>240p</strong><strong>{{size_240p}}</strong>
                            <a href="{{url_240p_1}}" target="_blank">{{name_240p_1}}</a>
                            <a href="{{url_240p_2}}" target="_blank">{{name_240p_2}}</a>
                            <a href="{{url_240p_3}}" target="_blank">{{name_240p_3}}</a>
                        </li>
                        <li><strong>360p</strong><strong>{{size_360p}}</strong>
                            <a href='{{url_360p_1}}' target="_blank">{{name_360p_1}}</a>
                            <a href='{{url_360p_2}}' target="_blank">{{name_360p_2}}</a>
                            <a href='{{url_360p_3}}' target="_blank">{{name_360p_3}}</a>
                        </li>
                        <li><strong>480p</strong><strong>{{size_480p}}</strong>
                            <a href='{{url_480p_1}}' target="_blank">{{name_480p_1}}</a>
                            <a href='{{url_480p_2}}' target="_blank">{{name_480p_2}}</a>
                            <a href='{{url_480p_3}}' target="_blank">{{name_480p_3}}</a>
                        </li>
                        <li><strong>720p</strong><strong>{{size_480p}}</strong>
                            <a href='{{url_720p_1}}' target="_blank">{{name_720p_1}}</a>
                            <a href='{{url_720p_2}}' target="_blank">{{name_720p_2}}</a>
                            <a href='{{url_720p_3}}' target="_blank">{{name_720p_3}}</a>
                        </li>
                        <li><strong>1080p</strong><strong>{{size_1080p}}</strong>
                            <a href='{{url_1080p_1}}' target="_blank">{{name_1080p_1}}</a>
                            <a href='{{url_1080p_2}}' target="_blank">{{name_1080p_2}}</a>
                            <a href='{{url_1080p_3}}' target="_blank">{{name_1080p_3}}</a>
                        </li>
                    </ul>
                </div>
            </div>
            <textarea class='dbox-tarea'></textarea>
        </div>
    </div>

Javascript

$(document).ready(function(){
  setInterval(function(){
    $('#dbox textarea').val($(".dbox-output").html())
  })
})

Demo

Dengan ini anda sudah tidak perlu pusing untuk mengganti bagian download pada website karena akan secara otomatis dibuat oleh script ini.

Posting terkait:

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *