[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Ucoz » Скрипты для ucoz » Прелоадер как на DLE для uCoz (Скрипт прелоадера для Ucoz)
Прелоадер как на DLE для uCoz
offtop
Дата: Суббота, 18.05.2013, 23:44 | Сообщение # 1
Оффлайн
Пользователи
Сообщений: 216
IP: Скрытная информация


Скрипт прелоадера для 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);   
   }


Установка завершена.
Прикрепления: 2692564.png (55.1 Kb)
Форум » Ucoz » Скрипты для ucoz » Прелоадер как на DLE для uCoz (Скрипт прелоадера для Ucoz)
  • Страница 1 из 1
  • 1
Поиск: