«Scroll To Top» - кнопка вверх страницы. [3.1][3.2]

Обсуждение расширений доступных к установке.
Описания расширений и возможности настроек.
(создание новых тем доступно только модераторам)

Модератор: vigor05

Аватара пользователя

Автор темы
Merlin
Сообщения: 674
Зарегистрирован: 03 янв 2015, 10:04
Благодарил (а): 30 раз
Поблагодарили: 244 раза
Пол:
Контактная информация:

«Scroll To Top» - кнопка вверх страницы.

Сообщение Merlin » 14 мар 2015, 00:45

Версия расширения: 1.0.1
Статус расширения: релиз/проверено

Установка расширения:
  • Идем в >>> Администраторский раздел >>> Персонализация >>> Управление расширениями >>> Scroll To Top >>> Включить
Изображение

Расширение добавляет кнопку подняться вверх страницы на се страницы форума кроме "Администраторского раздела".
Настройки расширения - отсутствуют.

Изображение

Аватара пользователя

Автор темы
Merlin
Сообщения: 674
Зарегистрирован: 03 янв 2015, 10:04
Благодарил (а): 30 раз
Поблагодарили: 244 раза
Пол:
Контактная информация:

«Scroll To Top» - кнопка вверх страницы.

Сообщение Merlin » 12 июн 2016, 23:00

Красивый эффект вращения кнопочки Scroll To Top при наведении мыши.
Код ставить в настройка стилей.
Демо работы

Код: Выделить всё

/*start kod animation Scroll To Top - phpbb3.x-tk.ru */
@keyframes rotate{ 
	from { transform:  rotate(0);}	
	to {transform: rotate(360deg);}
} 
@-moz-keyframes rotate{from {-moz-transform:  rotate(0);}	to {-moz-transform: rotate(360deg);}} 
@-webkit-keyframes rotate{from {-webkit-transform:  rotate(0);}	to {-webkit-transform: rotate(360deg);}}
.scroll-btn {margin: 5px;}
.scroll-btn:hover {
	animation: rotate 1s infinite linear; 
	-moz-animation: rotate 1s infinite linear;
	-webkit-animation: rotate 1s infinite linear;
	animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
}
/*stop kod animation Scroll To Top - phpbb3.x-tk.ru */

Ответить