XF 2.1 Пульсирующее сердечко на форум.

Статус
В этой теме нельзя размещать новые ответы.
Версия XenForo
2.1.4

aset

Участники
Сообщения
6
Реакции
0
Баллы
58
Здравствуйте!
Хочу поставить такое красивое сердечко на форум. Как это сделать?

Безымянный проектb25409.autosave.gif

Сердечко на этом сайте.
 

Вложения

  • Безымянный проектb25409.autosave.gif
    Безымянный проектb25409.autosave.gif
    555.7 KB · Просмотры: 17
CSS:
.animate-pulse {
    -webkit-animation: pulse 2s infinite linear;
    animation: pulse 2s infinite linear;
}

.p-footer-copyright .fa-heart {
    color: red;
}
Вставить в extra.less этот код.
Да и вставлять надо было вида <xf:fa icon="fa-heart animate-pulse " />
 
Есть еще способ анимировать иконки FA. Смотрим здесь:
Можно у них скачать css или воспользоваться CDN
Код:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.2.1/font-awesome-animation.min.css" />
подключить с помощью модификации.
Потом выбираем иконку здесь:
не стесняемся, в последних версиях движка подключены все, выбираем какую надо, жмем на нее и копируем типа
Код:
<i class="far fa-adjust"></i>
что бы добавить анимацию, например pulse, просто добавим нужный класс:
Код:
<i class="far fa-adjust faa-pulse animated"></i>
что бы изменить цвет:
Код:
<i class="far fa-adjust faa-pulse animated" style="color: red"></i>
так же в style, можно добавить другие свойства, например размер шрифта и т.д.
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу