[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » О uCoz » Скрипты » Прогресс загрузки страницы как на youtube
Прогресс загрузки страницы как на youtube
Дата: Вторник, 11.02.2014, 14:45:43 | Сообщение # 1
Группа: Проверенные Титул: Технарь Сообщений: 283
Награды: 1
Репутация: 3
Статус:
Сайт пользователя:
Skype пользователя:

Хочу поделится с вами очень прикольным скриптом, первый раз я его увидел на youtube, очень понравился скрипт но как сделать не знал. Не давно я нашел решение, все очень просто, что самое прикольное то что цвет строки можно поменять на другой любой!

Для начали идём в CSS и там прописываем:
Код
.pace .pace-progress {    
     background: red;    
     position: fixed;    
     z-index: 2000;    
     top: 0;    
     left: 0;    
     height: 2px;    

     -webkit-transition: width 1s;    
     -moz-transition: width 1s;    
     -o-transition: width 1s;    
     transition: width 1s;    
    }    

    .pace-inactive {    
     display: none;    
    }


там где background: red; можно поменять на любой другой цвет, допустим на синем (blue)

Осталось подключить JS скрипт.
На странице на которой хотите видеть линию между <head> и </head> прописываем:
Код
<script type="text/javascript" src="/js/32_load.js"></script>


Прикреплённый файл 32_load.js заливаем на хост в папку "js"

Вот и всё!

Материал подготовил Andrey
Прикрепления: 1873586.png(1.8 Kb) · 5214076.rar(4.1 Kb)
Дата: Вторник, 25.03.2014, 12:29:45 | Сообщение # 2
Группа: Новички Ранг: Рядовой Сообщений: 1 Награды: 0
Репутация: 0
Статус:
Сайт пользователя:
Skype пользователя:
а как сделать поверх а то у меня закрывает админ бар
Дата: Вторник, 25.03.2014, 12:51:56 | Сообщение # 3
Группа: Проверенные Титул: Технарь Сообщений: 283
Награды: 1
Репутация: 3
Статус:
Сайт пользователя:
Skype пользователя:
111, Тебе просто нужно немного опустить саму полоску прогресс загрузки, чтоб она не перекрывала админ бар. В CSS есть строка top: 0;. Просто измени значение 0 и полоса опустится
Форум » О uCoz » Скрипты » Прогресс загрузки страницы как на youtube
  • Страница 1 из 1
  • 1
Поиск: