Скрипт стильная загрузка сайта для ucoz
03.08.2013, 16:53

Скрипт стильная загрузка сайта для ucoz.Суть скрипта очень проста При открытии вашего ucoz сайта у пользователя появляется скрипт загрузки указанный на скриншоте. , если у вас долго загружается сайт или просто вам захотелось изменений тогда эта модификация для ucoz отлично вам подойдет. 


Установка:

1. В нижнюю часть сайта, вставлям:



Код
<div class="someclass">  
  <div class="loading">  
  Идёт загрузка, ждите...  
  </div>  
  </div>  
  <script>  
  jQuery(function($) {  
  $(window).load(function () {  
  $(".someclass").fadeOut(700);  
  });  
  });  
  </script>


2. в CSS

Код
.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);  
  }
Категория: Скрипты для uCoz | Добавил: RICHMOND
Просмотров: 270 | Загрузок: 0 | Рейтинг: 3.0/2
Всего комментариев: 0

Добавить комментарий


Наверх