» »

Прелоадер для ucoz как на DLE


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


Этот стиль в 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);  
  }
01.03.2013 Загрузок: 8 Просмотров: 1306 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar