Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Убрать значок
автор Леший Вчера в 12:15

» Свечение для группы а не для юзера
автор Kuzbas63 Вчера в 9:01

» Оформить имя
автор Kuzbas63 Вчера в 8:59

» Красивый путь по сайту
автор Kuzbas63 Вчера в 7:05

» Как убрать надписи в низу форума
автор Kuzbas63 Ср 16 Авг - 13:51

» Как сократить расстояние
автор Lory Ср 16 Авг - 10:12

» Искрящийся ник у групп
автор Kuzbas63 Ср 16 Авг - 8:23

» Как отредактировать цвет на кнопках
автор Lory Вт 15 Авг - 23:58

» Как настроить конфиденциальность
автор катарсис Вт 15 Авг - 21:29

» Проблема с правами
автор Havva Вт 15 Авг - 19:30

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Индикатор загрузки как на YouTube

Предыдущая тема Следующая тема Перейти вниз

Индикатор загрузки как на YouTube

Сообщение автор Георгий Шевченко в Пн 1 Сен - 4:11

Первым делом

- Идем ПА >> Общие настройки >> Верхняя часть страницы
- Вставляем код между тэгами <head>
Код:

<script>
$(function() {
$("body").append($("<div></div>").attr("id", "progress"));
$("#progress").width((50 + Math.random() * 30) + "%");
});
$(window).load(function() {
$("#progress").width("101%").delay(300).fadeOut(400);
});
</script>

Стили к загрузке

- Идем ПА >> Оформление >> Цвета >> Каскадная таблица стилей
- Добавляем код
Код:

#progress {
    position: fixed;
    z-index: 100;
    top: 0;
    left: -6px;
    width: 1%;
    height: 3px;
    background: red;
    border-radius: 1px;
    transition: width 500ms ease-out,opacity 400ms linear;
}

Демонстрация

avatar
Георгий Шевченко
 

Мужчина

Сообщения : 43
Возраст : 23
Регистрация : 2014-08-24
Благодарности : 27

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения