WordPress.org
Get WordPress

Plugin Directory

Changeset 1431590


Ignore:
Timestamp:
06/06/2016 04:28:23 PM (10 years ago)
Author:
esstat17
Message:

Version 1.0.1 Released

Location:
page-loading-effects/trunk
Files:
8 edited

Legend:

Unmodified
Added
Removed

  • page-loading-effects/trunk/assets/css/admin/style.css

    r1429753 r1431590  
    1111    background-image: inherit !important;
    1212}
     13
     14/* ------------------------------------------------------------------
     15Preloader Preview
     16------------------------------------------------------------------- */
     17
     18#ple-preview {
     19    height: 250px;
     20    width: 62%;
     21    left: 0;
     22}
     23#ple-animates {
     24    display: inline-block;
     25    position: relative;
     26    left: 45%;
     27    top: 45%;
     28}
     29
     30/* Preloader Effect (default) */
     31.ple-effect99{
     32    background-color: #2c3e50;
     33}
     34
     35.ple-effect99 #ple-animates {
     36    background-color: #fff;
     37    display: inline-block;
     38    height: 40px;
     39    width: 40px;
     40    margin: -20px 0 0 -20px;
     41    text-indent: -9999em;
     42    -webkit-border-radius: 100%;
     43    -moz-border-radius: 100%;
     44    border-radius: 100%;
     45    -webkit-animation-fill-mode: both;
     46    animation-fill-mode: both;
     47    -webkit-animation: ple-ball-scale 1s 0s ease-in-out infinite;
     48    animation: ple-ball-scale 1s 0s ease-in-out infinite;
     49}
     50@-webkit-keyframes ple-ball-scale {
     51    0% {
     52        -webkit-transform: scale(0);
     53        -moz-transform: scale(0);
     54        -ms-transform: scale(0);
     55        -o-transform: scale(0);
     56        transform: scale(0);
     57    }
     58    100% {
     59        opacity: 0;
     60        -webkit-transform: scale(1);
     61        -moz-transform: scale(1);
     62        -ms-transform: scale(1);
     63        -o-transform: scale(1);
     64        transform: scale(1);
     65    }
     66}
     67
     68/* Preloader Effect 1 */
     69.ple-effect1{
     70    background-color: #d35400;
     71}
     72.ple-effect1 #ple-animates {
     73    background-color: #fff;
     74    height: 40px;
     75    width: 40px;
     76    margin: -20px 0 0 -20px;
     77    text-indent: -9999em;
     78  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
     79  animation: sk-rotateplane 1.2s infinite ease-in-out;
     80}
     81
     82@-webkit-keyframes sk-rotateplane {
     83  0% { -webkit-transform: perspective(120px) }
     84  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
     85  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
     86}
     87
     88@keyframes sk-rotateplane {
     89  0% {
     90    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
     91    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
     92  } 50% {
     93    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
     94    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
     95  } 100% {
     96    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
     97    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
     98  }
     99}
     100
     101/* Preloader Effect 2 */
     102.ple-effect2{
     103    background-color: #2980b9;
     104}
     105.ple-effect2 .ple-spinner {
     106  width: 40px;
     107  height: 40px;
     108  position: relative;
     109  text-align: center;
     110  -webkit-animation: ple2-rotate 2.0s infinite linear;
     111  animation: ple2-rotate 2.0s infinite linear;
     112}
     113
     114.ple-effect2 .dot1, .ple-effect2 .dot2 {
     115  width: 60%;
     116  height: 60%;
     117  display: inline-block;
     118  position: absolute;
     119  top: 0;
     120  background-color: #fff;
     121  border-radius: 100%;
     122  -webkit-animation: ple2-bounce 2.0s infinite ease-in-out;
     123  animation: ple2-bounce 2.0s infinite ease-in-out;
     124}
     125
     126.ple-effect2 .dot2 {
     127  top: auto;
     128  bottom: 0;
     129  -webkit-animation-delay: -1.0s;
     130  animation-delay: -1.0s;
     131}
     132
     133@-webkit-keyframes ple2-rotate { 100% { -webkit-transform: rotate(360deg) }}
     134@keyframes ple2-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
     135
     136@-webkit-keyframes ple2-bounce {
     137  0%, 100% { -webkit-transform: scale(0.0) }
     138  50% { -webkit-transform: scale(1.0) }
     139}
     140
     141@keyframes ple2-bounce {
     142  0%, 100% {
     143    transform: scale(0.0);
     144    -webkit-transform: scale(0.0);
     145  } 50% {
     146    transform: scale(1.0);
     147    -webkit-transform: scale(1.0);
     148  }
     149}
     150
     151/* Preloader Effect 3 */
     152.ple-effect3{
     153    background-color: darkslateblue;
     154}
     155
     156.ple-effect3 .ple-spinner {
     157   width:35px;
     158   height:35px;
     159   padding:0px;
     160   border-radius:100%;
     161   border:2px solid;
     162   border-top-color: rgba(255,255,255, 0.95);
     163   border-bottom-color: rgba(255,255,255, 0.25);
     164   border-left-color: rgba(255,255,255, 0.95);
     165   border-right-color: rgba(255,255,255, 0.25);
     166   -webkit-animation: pleloader3 0.8s linear infinite;
     167   animation: pleloader3 0.8s linear infinite;
     168}
     169@keyframes pleloader3 {
     170   from {transform: rotate(0deg);}
     171   to {transform: rotate(360deg);}
     172}
     173@-webkit-keyframes pleloader3 {
     174   from {-webkit-transform: rotate(0deg);}
     175   to {-webkit-transform: rotate(360deg);}
     176}

  • page-loading-effects/trunk/assets/css/style.css

    r1429753 r1431590  
    88------------------------------------------------------------------- */
    99
    10 #ple-loader-wraps, #ple-loader-wraps1, #ple-loader-wraps2, #ple-loader-wraps3, #ple-loader-wraps4 {
     10#ple-loader-wraps99, #ple-loader-wraps1, #ple-loader-wraps2, #ple-loader-wraps3, #ple-loader-wraps4 {
    1111    background: #fff;
    1212    color: transparent;
    … …  
    2727
    2828/* Preloader Effect (default) */
    29 #ple-loader-wraps #ple-animates {
     29#ple-loader-wraps99 #ple-animates {
    3030    display: inline-block;
    3131    height: 40px;

  • page-loading-effects/trunk/assets/js/admin/script.js

    r1429753 r1431590  
    1010    // Only run this if certain class exist
    1111    if(!$("#ple-preloader-setting-page .form-table-3").length<1){ 
    12         var defaultVal = $( '.ple_option_3' ).val();
     12        var currentVal = $( '.ple_option_3' ).val();
    1313
    14         // Default Table in the Settings
    15         if(defaultVal==4){
    16             $(".form-table-3").show();
    17         }else{
    18             $(".form-table-3").hide();
    19         }
    20         $( ".ple_option_3" ).change(function() {
    21             var getVal = $( this ).val();
    22             if(getVal==4){
    23                 $(".form-table-3").show();
    24             }else{
    25                 $(".form-table-3").hide();
    26             }
    27         });
     14        if (currentVal.trim()) {
     15            // Preview
     16            $('#ple-preview').addClass('ple-effect'+currentVal);   
     17
     18            // Default Table in the Settings
     19            if(currentVal==4){
     20                $(".form-table-3").show();
     21            }else{
     22                $(".form-table-3").hide();
     23            }
     24            var storedVal = currentVal;
     25            $( ".ple_option_3" ).change(function() {
     26               
     27                var getVal = $( this ).val();
     28               
     29                // Preview
     30                $('#ple-preview').addClass('ple-effect'+getVal);
     31                $('#ple-preview').removeClass('ple-effect'+storedVal);
     32
     33                // Custom Fields   
     34                if(getVal==4){
     35                    $(".form-table-3").show();
     36                    $("#ple-preview").hide();
     37                }else{
     38                    $(".form-table-3").hide();
     39                    $("#ple-preview").show();
     40                }
     41               
     42                storedVal = getVal;
     43            });
     44        }
    2845    }
    2946});

  • page-loading-effects/trunk/includes/admin/add-menu-options.php

    r1429753 r1431590  
    8484                        <p>
    8585                            <input class="ple_option_2" name="ple_option_2" type="text" value="<?php echo get_option('ple_option_2'); ?>">
    86                             <label><?php _e('<i>Default: <code>4000</code><ms/i>. <b>Max Page Loader Duration</b>.', 'ple-txt'); ?></label>
     86                            <label><?php _e('<i>Default: <code>4000</code><ms</i>. <b>Max Page Loader Duration</b>.', 'ple-txt'); ?></label>
    8787                        </p>
    8888                        <p>
    … …  
    9090                                <?php
    9191                                    $ergs = array(
    92                                         'Default'   =>  '',
     92                                        'Default'   =>  99,
    9393                                        'Effect 1'  =>  1,
    9494                                        'Effect 2'  =>  2,
    … …  
    105105                            </select>
    106106                            <label><?php _e('Choose your Animation Effects', 'ple-txt'); ?></label>
     107                        </p>
     108                        <div id="ple-preview" class="ple-effect">
     109                            <div id="ple-animates" class="ple-animates">
     110                                <div class="ple-spinner">
     111                                    <div class="dot1"></div><div class="dot2"></div>
     112                                </div>
     113                            </div>
     114                           
     115                        </div>
     116                        <p>
     117                            <?php _e('Note: This doesn\'t relect the actual background and animation color.', 'ple-txt'); ?>
    107118                        </p>
    108119               

  • page-loading-effects/trunk/includes/admin/admin-enqueue-scripts.php

    r1429753 r1431590  
    2121        wp_enqueue_style( 'ple-admin-style' ); // Enqueuing this CSS file
    2222}
    23 // add_action( 'admin_enqueue_scripts', 'ple_admin_style' );
     23add_action( 'admin_enqueue_scripts', 'ple_admin_style' );
    2424
    2525/**

  • page-loading-effects/trunk/includes/enqueue-scripts.php

    r1429753 r1431590  
    5555  $disabled = get_option('ple_option_1');
    5656  if(empty($disabled) && $disabled!=1):
    57   $ple_option_3 = ple_display('ple_option_3', '');
    58   $ple_option_5 = ple_display('ple_option_5', '#dddddd');
     57  $ple_option_3 = ple_display('ple_option_3', 99);
     58  $ple_option_5 = ple_display('ple_option_5', '#ffffff');
    5959?>
    6060<script type="text/javascript">
    … …  
    8080<style type="text/css">
    8181  #ple-loader-wraps<?php echo $ple_option_3; ?> {
    82     background: <?php echo ple_display('ple_option_4', '#ffffff'); ?>;
     82    background: <?php echo ple_display('ple_option_4', '#2c3e50'); ?>;
    8383  }
    8484  <?php

  • page-loading-effects/trunk/page-loading-effects.php

    r1429753 r1431590  
    44 * Plugin URI:      http://innovedesigns.com/
    55 * Description:     Display Loading Animated Graphics Until the Page is Fully Loaded. A new WP plugin that you will surely love it!
    6  * Version:         1.0.0
     6 * Version:         1.0.1
    77 * Author:          esstat17
    88 * Author URI:      https://profiles.wordpress.org/esstat17/

  • page-loading-effects/trunk/readme.txt

    r1429759 r1431590  
    55Requires at least: 3.0.1
    66Tested up to: 4.5
    7 Stable tag: 1.0.0
     7Stable tag: 4.3
    88License: GPLv2 or later
    99License URI: http://www.gnu.org/licenses/gpl-2.0.html
    … …  
    2222
    2323Few of the many features.
    24 - Plug and Play (unless you are playing the advanced settings)
    25 - Color Picker for color customization
    26 - 4 Preloader Effects including default and a personalization section (for advanced users)
    27 - and more..
     24*   4 Preloader Effects including default and a personalization section (for advanced users)
     25*   Plug and Play (unless you are playing the advanced settings)
     26*   Color Picker for backround and animation color
     27*   Animation Preview
     28*   Advanced Customization using HTML and CSS/CSS3
     29*   and more..
    2830
    2931If you like this plugin, good ratings is much appreciated.
    … …  
    5254
    5355== Changelog ==
    54 
     56= 1.0.1 - 2016-06-07 =
     57* [FIXED] Default Color Settings
     58* [ADDED] Preview Feature
    5559= 1.0.0 - 2016-06-01 =
    5660* Initial Released Date
    5761
    5862== Upgrade Notice ==
    59 
     63= 1.0.1 - 2016-06-07 =
     64* [FIXED] Default Color Settings
     65* [ADDED] Preview Feature
    6066= 1.0.0 - 2016-06-01 =
    6167* Initial Released Date
Note: See TracChangeset for help on using the changeset viewer.