« Скрипт "Идет загрузка" для uCoz »

Описание материала:

Хороший скрипт "Идет загрузка" для сайтов системы uCoz. Если Ваш сайт весит слишком много или Вы хотите просто для себя видеть когда полностью загрузится страница сайта, то этот скрипт как раз Вам подойдет. Скрипт прост в установке и не требует скачивания.

Установка:

  • Заходим в ПУ >>> Управление дизайном >>> Нижняя часть сайта и в самый низ ставим скрипт:
    Код
    <div class="someclass">  
      <div class="loading">  
      Идёт загрузка, ждите...  
      </div>  
    </div>  
      <script>  
      jQuery(function($) {  
      $(window).load(function () {  
      $(".someclass").fadeOut(700);  
      });  
      });  
      </script>

  • Далее идем в ПУ >>> Управление дизайном >>> Таблица стилей (CSS) и ставим данный код:
    Код
    /* Скрипт "Идет загрузка" для uCoz */
    .someclass {  
      position: fixed;  
      top: 0;  
      left: 0;  
      right: 0;  
      bottom: 0;  
      background: rgba(0, 0, 0, 0.8);  
      z-index: 5000;  
      }  

      .loading {  
      position: absolute;  
      top: 50%;  
      left: 50%;  
      margin: -40px 0 0 -150px;  
       
      padding: 10px;  
      background: rgba(0, 0, 0, 0.6);  
      color: #fff;  
      font: normal 11px Verdana;  
      text-shadow: 0 1px 2px #000;  
      text-align: center;  

      border: solid 1px #000;  
      border-radius: 5px;  
      box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2);  
      }
    /* ------------------------- */

    Готова!


    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 592

    Теги к материалу: скрипт, ucoz, Идет, загрузка для

    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев к материалу: 0
    avatar