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

Pokschubin

Проверенный
Регистрация
07.07.18
Сообщения
264
Решения
3
Реакции
24
Баллы
65
В стилях используются стрелки 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:
<xf:button href="#top" class="button--scroll" data-xf-click="scroll-to"><!--<i class="fa fa-arrow-up"></i>--><img src="http://images.all-free-download.com/images/graphiclarge/up_arrow_green_clip_art_9827.jpg" width="13px" height="17px"/><span class="u-srOnly">{{ phrase('top') }}</span></xf:button>
Это как пример. Всё, через модификации конечно. Получилось так, если найти правильную картинку, то будет красивее =)
1535369622440.png
По аналогии можно сделать вторую кнопку.
 

Skaiman

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

Pokschubin

Проверенный
Регистрация
07.07.18
Сообщения
264
Решения
3
Реакции
24
Баллы
65
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 555
Решения
12
Реакции
1 193
Баллы
85
Картинка и есть картинка, на фоне плоского стиля не смотрится, но для живущих прошлым, пойдет :)
 

Похожие темы

Верх Низ