Вопрос Как заменить стандартные стрелки прокрутки страницы вверх/вниз

Pokschubin

Проверенный
Регистрация
07.07.18
Сообщения
354
Решения
4
Реакции
22
Баллы
75
В стилях используются стрелки FA. Хотелось бы использовать свои изображения.
Использован класс в стилях u-srOnly
Или я пропустил, что есть плагин?
 

West

Проверенный
Регистрация
06.07.18
Сообщения
21
Реакции
15
Баллы
25
Шаблон PAGE_CONTAINER:
найти:
<xf:button href="#top" class="button--scroll" data-xf-click="scroll-to"><i class="fa fa-arrow-up"></i><span class="u-srOnly">{{ phrase('top') }}</span></xf:button>
Заменить:
HTML:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
Это как пример. Всё, через модификации конечно. Получилось так, если найти правильную картинку, то будет красивее =)
1535369622440.png
По аналогии можно сделать вторую кнопку.
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 324
Баллы
85
Картинки фиии! :) Там можно другой шрифт использовать.
 

Pokschubin

Проверенный
Регистрация
07.07.18
Сообщения
354
Решения
4
Реакции
22
Баллы
75
Skaiman, Картинку кул )))
 

Вложения

  • arrow_purple.GsyAj.png
    arrow_purple.GsyAj.png
    3.6 КБ · Просмотры: 1
  • Arrow Purple.png
    Arrow Purple.png
    3.9 КБ · Просмотры: 1

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 324
Баллы
85
Картинка и есть картинка, на фоне плоского стиля не смотрится, но для живущих прошлым, пойдет :)
 
Верх Низ