By: Stas Melnikov
Email: melnik909@ya.ru
Thank you for purchasing my script. If you have any questions that are beyond the scope of this help file, please write on mail. Also leave feedback! Your opinion is very valuable for me! You help me to improve my work!Thanks so much!
<!--include css files -->
<link rel="stylesheet" href="../plugin/css/preloaders.css" type="text/css" media="screen"/>
<div class="mpc_preloader1"></div>
@mpc_preloader1_color1: #000;
@mpc_preloader1_color2: #2893d1;
@mpc_preloader1_color3: #5ba525;
@mpc_preloader1_color4: #dd4e37;
@mpc_preloader1_time: 2s;
<div class="mpc_preloader">
<div class="mpc_preloader_round mpc_preloader2">
Loading
</div>
</div>
@mpc_preloader2_color1: #000;
@mpc_preloader2_color2: #2893d1;
@mpc_preloader2_color3: #5ba525;
@mpc_preloader2_color4: #dd4e37;
@mpc_preloader2_time: 6s;
<div class="mpc_preloader">
<div class="mpc_preloader_round mpc_preloader3">
Loading
</div>
</div>
@mpc_preloader3_color: #6dace2;
@mpc_preloader3_time: 1s;
<div class="mpc_preloader">
<div class="mpc_preloader_round mpc_preloader4">
Loading
</div>
</div>
@mpc_preloader4_color: #37a3ff;
@mpc_preloader4_time: 1s;
<div class="mpc_preloader mpc_preloader5">
<div class="mpc_preloader5_element">
<div class="mpc_preloader5_rotator">
<div class="mpc_preloader5_rotator_element"></div>
<div class="mpc_preloader5_rotator_element"></div>
</div>
</div>
</div>
@mpc_preloader5_size: 5em;
@mpc_preloader5_color: #3F51B5;
<div class="mpc_preloader mpc_preloader6">
<div class="mpc_preloader6_element mpc_preloader6_element1"> </div>
<div class="mpc_preloader6_element mpc_preloader6_element2"> </div>
<div class="mpc_preloader6_element mpc_preloader6_element3"> </div>
<div class="mpc_preloader6_element mpc_preloader6_element4"> </div>
</div>
@mpc_preloader6_size: 44px;
@mpc_preloader6_color1: #cb2025;
@mpc_preloader6_color2: #f8b334;
@mpc_preloader6_color3: #00a096;
@mpc_preloader6_color4: #97bf0d;
@mpc_preloader6_time: 1s;
<div class="mpc_preloader">
<div class="mpc_preloader7"></div>
</div>
@mpc_preloader7_size: 30px;
@mpc_preloader7_color: #00a096;
@mpc_preloader7_time: .9s;
<div class="mpc_preloader">
<div class="mpc_preloader8">
<div class="mpc_preloader8_element"></div>
</div>
</div>
@mpc_preloader8_size: 50px;
@mpc_preloader8_color: #0099cc;
@mpc_preloader8_time: 1.5s;
<div class="mpc_preloader">
<div class="mpc_preloader9"></div>
</div>
@mpc_preloader9_size: 15px;
@mpc_preloader9_color1: #6cc88a;
@mpc_preloader9_color2: #4fc3f7;
@mpc_preloader9_time: 1.8s;
<div class="mpc_preloader">
<div class="mpc_indicator mpc_preloader10"></div>
</div>
@mpc_preloader10_time: 5s;
@indicator_color: #3c3760;
<div class="mpc_preloader">
<div class="mpc_indicator mpc_preloader11"></div>
</div>
@mpc_preloader11_time: 5s;
@mpc_preloader11_width: 20px;
@indicator_color: #3c3760;
<div class="mpc_preloader">
<div class="mpc_preloader12"></div>
</div>
@mpc_preloader12_time: 2s;
@mpc_preloader12_delay: 0.16s;
@mpc_preloader12_width: 1em;
@mpc_preloader12_height: 4em;
@mpc_preloader12_color1: #fff;
@mpc_preloader12_color2: #76d884;
@mpc_preloader12_color3: #82b146;
<div class="mpc_preloader">
<div class="mpc_preloader13"></div>
</div>
@mpc_preloader13_time: 1.8s;
@mpc_preloader13_delay: 0.16s;
@mpc_preloader13_size: 2.5em;
@mpc_preloader13_color1: #76d884;
@mpc_preloader13_color2: #6cc88a;
@mpc_preloader13_color3: #dae114;
<div class="mpc_preloader">
<div class="mpc_preloader_loading mpc_preloader14">
<span class="mpc_preloader_loading_item">L</span>
<span class="mpc_preloader_loading_item">O</span>
<span class="mpc_preloader_loading_item">A</span>
<span class="mpc_preloader_loading_item">D</span>
<span class="mpc_preloader_loading_item">I</span>
<span class="mpc_preloader_loading_item">N</span>
<span class="mpc_preloader_loading_item">G</span>
</div>
</div>
<div class="mpc_preloader">
<div class="mpc_preloader15"></div>
</div>
@mpc_preloader15_time: 1s;
@mpc_preloader15_size: 50px;
@mpc_preloader15_color: #000;
<div class="mpc_preloader">
<div class="mpc_preloader16 icon-airplane"></div>
<span class="mpc_preloader16_smoke"></span>
<span class="mpc_preloader16_smoke mpc_preloader16_smoke2"></span>
</div>
@mpc_preloader16_time: 1s;
@mpc_preloader16_size: 50px;
@mpc_preloader16_smoke_width: 25px;
@mpc_preloader16_smoke_height: 2px;
@mpc_preloader16_color: #000;
<div class="mpc_preloader">
<div class="mpc_preloader_mini_ball"></div>
<div class="mpc_preloader_racket mpc_preloader_racket_left"></div>
<div class="mpc_preloader_racket mpc_preloader_racket_right"></div>
</div>
@mpc_preloader17_time: 1s;
@mpc_preloader17_size: 200px;
@mpc_preloader17_ball_size: 15px;
@mpc_preloader17_color: #000;
@mpc_preloader17_racket_width: 5px;
<div class="mpc_preloader">
<div class="mpc_preloader18"></div>
<span class="mpc_preloader18_label">Loading...</span>
</div>
@mpc_preloader18_time: 2s;
@mpc_preloader18_size: 150px;
@mpc_preloader18_color1: #000;
@mpc_preloader18_color2: #fff;
<div class="mpc_preloader">
<div class="mpc_preloader19 icon-rocket">
<span class="mpc_preloader19_smoke"></span>
<span class="mpc_preloader19_smoke mpc_preloader19_smoke_top"></span>
<span class="mpc_preloader19_smoke mpc_preloader19_smoke_bottom"></span>
</div>
</div>
@mpc_preloader19_time: 1s;
@mpc_preloader19_delay: 1s;
@mpc_preloader19_smoke_size: 1px;
@mpc_preloader19_size: 50px;
@mpc_preloader19_color: #000;
<div class="mpc_preloader">
<div class="mpc_preloader20 icon-heart">
<div class="mpc_preloader20_item mpc_preloader20_item1"></div>
<div class="mpc_preloader20_item mpc_preloader20_item2"></div>
<div class="mpc_preloader20_item mpc_preloader20_item3"></div>
<div class="mpc_preloader20_item mpc_preloader20_item4"></div>
</div>
</div>
@mpc_preloader20_time: 5s;
<div class="mpc_preloader">
<div class="mpc_preloader21 icon-user">
<div class="mpc_preloader_bubble icon-bubble">
<div class="mpc_preloader_music icon-music"></div>
<div class="mpc_preloader_music mpc_preloader_music2 icon-music"></div>
</div>
</div>
</div>
@mpc_preloader21_time: 1s;
@mpc_preloader21_delay: 1s;
@mpc_preloader21_color: #000;
<div class="mpc_preloader">
<div class="mpc_preloader22">
<div class="mpc_preloader22_item mpc_preloader22_element2"></div>
<div class="mpc_preloader22_item mpc_preloader22_element3"></div>
<div class="mpc_preloader22_item mpc_preloader22_element4"></div>
<div class="mpc_preloader22_item mpc_preloader22_element5"></div>
</div>
</div>
@mpc_preloader22_time: 3s;
@mpc_preloader22_color: #121212;
@mpc_preloader22_color_shadow: none;
<div class="mpc_preloader">
<div class="mpc_preloader23">
<div class="mpc_preloader_eyes mpc_preloader_lefteye"></div>
<div class="mpc_preloader_eyes mpc_preloader_righteye"></div>
<div class="mpc_preloader_smile"></div>
</div>
</div>
@mpc_preloader23_time: 2s;
@mpc_preloader23_size: 250px;
<div class="mpc_preloader">
<div class="mpc_preloader24">
<div class="mpc_preloader24_item one">1</div>
<div class="mpc_preloader24_item two">2</div>
<div class="mpc_preloader24_item three">3</div>
<div class="mpc_preloader24_item four">4</div>
<div class="mpc_preloader24_item five">5</div>
<div class="mpc_preloader24_item six">6</div>
<div class="mpc_preloader24_item seven">7</div>
<div class="mpc_preloader24_item eight">8</div>
<div class="mpc_preloader24_item nine">9</div>
<div class="mpc_preloader24_item ten">10</div>
<div class="mpc_preloader24_item eleven">11</div>
<div class="mpc_preloader24_item twelve">12</div>
<div class="mpc_preloader_point mpc_preloader_point_one"></div>
<div class="mpc_preloader_point mpc_preloader_point_two"></div>
<div class="mpc_preloader_point mpc_preloader_point_three"></div>
<div class="mpc_preloader_point mpc_preloader_point_four"></div>
<div class="mpc_preloader_point mpc_preloader_point_five"></div>
<div class="mpc_preloader_point mpc_preloader_point_six"></div>
<div class="mpc_preloader_point mpc_preloader_point_seven"></div>
<div class="mpc_preloader_point mpc_preloader_point_eight"></div>
<div class="mpc_preloader_point mpc_preloader_point_nine"></div>
<div class="mpc_preloader_point mpc_preloader_point_ten"></div>
<div class="mpc_preloader_point mpc_preloader_point_eleven"></div>
<div class="mpc_preloader_point mpc_preloader_point_twelve"></div>
<div id="big_mpc_preloader_point" class="mpc_preloader_point"></div>
<div id="arrow_second" class="arrow"></div>
<div id="arrow_minute" class="arrow"></div>
</div>
</div>
<div class="mpc_preloader">
<div class="mpc_preloader25">
<div class="mpc_preloader_pendulum"></div>
<div class="mpc_preloader_pendulum"></div>
</div>
</div>
@mpc_preloader25_size: 150px;
@mpc_preloader25_time: 2s;
@mpc_preloader25_color1: #000;
@mpc_preloader25_color2: #fff;
<div class="mpc_preloader">
<div class="mpc_preloader26 mpc_preloader_loading">
<div class="mpc_preloader_loading_line mpc_preloader_line_top"></div>
<span class="mpc_preloader_loading_item">L</span>
<span class="mpc_preloader_loading_item">O</span>
<span class="mpc_preloader_loading_item">A</span>
<span class="mpc_preloader_loading_item">D</span>
<span class="mpc_preloader_loading_item">I</span>
<span class="mpc_preloader_loading_item">N</span>
<span class="mpc_preloader_loading_item">G</span>
<div class="mpc_preloader_loading_line mpc_preloader_line_bottom"></div>
</div>
</div>
@mpc_preloader26_time: 5s;
<div class="mpc_preloader">
<div class="mpc_preloader27"></div>
</div>
@mpc_preloader27_size: 45px;
@mpc_preloader27_time: 20s;
@mpc_preloader27_font_size: 17px;
@mpc_preloader27_font_color: #000;
| Parameter | Description | |
|---|---|---|
| @mpc_preloader_size | preloader size | |
| @mpc_preloader_color | color preloader | |
| @mpc_preloader_time | animation time |