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

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Dana Domirani, help !
автор Максим Максимович Вчера в 17:25

» Стиль "Дзен-минимализма" (phpBB2)
автор Hahaus Октябрь 21st 2020, 21:46

» Скрыть Виджиты
автор Karina Greenberg Октябрь 18th 2020, 11:48

» скрипты работают тольк одной строкой
автор literrary Октябрь 17th 2020, 17:13

» Странный редирект, не могу попасть на проекты. Взлом
автор Dana Domirani Октябрь 16th 2020, 21:00

» Яндекс-браузер криво отображает форум
автор House Октябрь 16th 2020, 18:41

» скриптеры на поддержке
автор literrary Октябрь 16th 2020, 16:53

» нет регистрации на форуме
автор Максим Максимович Октябрь 15th 2020, 10:22

» Еще один форум с проститутками
автор Dana Domirani Октябрь 15th 2020, 01:50

» Как вставить код AdSense в HTML-код сайта?
автор tarotspace Октябрь 13th 2020, 13:03

RSS-каналы


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


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

Перейти вниз

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

Сообщение автор Георгий Шевченко в Сентябрь 1st 2014, 04: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;
}

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

Индикатор загрузки как на YouTube 0870255001410221160
Георгий Шевченко
Георгий Шевченко
 

Мужчина

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

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

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

Вернуться к началу


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