XF 2.2 Как сделать иконки в уведомлениях

[Isestudio]

Как сделать иконки в уведомлениях разные как у LZT ? ( Лайка ) ( Подписки ) и так далее.

Спойлер

 

[inz]

В раздел https://xenforo.info/forums/Ищу-исполнителя.42/ и так далее...

 

[Isestudio]

В раздел https://xenforo.info/forums/Ищу-исполнителя.42/ и так далее...

Уже понял как сделать можно закрыть тему.

 

[DreamTails]

Уже понял как сделать

Это конечно хорошо, но было бы ещё лучше, если бы вы поделились решением проблемы с другими

 

[recruty]

Это конечно хорошо, но было бы ещё лучше, если бы вы поделились решением проблемы с другими

Там не все так сложно.
С помощью модификации добавляем в шаблон alert_macros <span class="alertIcon {$alert.action}"></span>

Модификация:
Шаблон: alert_macros
Ключ: любой на англ.
Найти:

            <xf:avatar user="$alert.User" size="xxs" defaultname="{$alert.username}" />

Заменить:

            <span class="alertIcon {$alert.action}"></span>
$0

В итоге действия alert'a будет записываться в class, который можно редактировать.

insert = ответ в теме, комментарий в профиле и похожее
если хотите изменить иконку для реакции, то

И повторяете код ниже, только

.alertIcon reaction::before

Думаю понятно.

с помощью css'a можно добавить иконку:

.alertIcon
{
  color: #fff;
  font-weight: bold;
  background: black;
  display: block;
}

.alertIcon.insert::before
{
  content: '\f27a';
  font-family: 'Font Awesome 5 Pro';
  font-size: 9px;
}

Результат:

Сделал только для того, чтобы показать как выглядит.

 

[Isestudio]

Там не все так сложно.
С помощью модификации добавляем в шаблон alert_macros <span class="alertIcon {$alert.action}"></span>

Модификация:
Шаблон: alert_macros
Ключ: любой на англ.
Найти:

            <xf:avatar user="$alert.User" size="xxs" defaultname="{$alert.username}" />

Заменить:

            <span class="alertIcon {$alert.action}"></span>
$0

В итоге действия alert'a будет записываться в class, который можно редактировать.
Посмотреть вложение 138415
insert = ответ в теме, комментарий в профиле и похожее
если хотите изменить иконку для реакции, то
Посмотреть вложение 138417
И повторяете код ниже, только

.alertIcon reaction::before

Думаю понятно.

с помощью css'a можно добавить иконку:

.alertIcon
{
  color: #fff;
  font-weight: bold;
  background: black;
  display: block;
}

.alertIcon.insert::before
{
  content: '\f27a';
  font-family: 'Font Awesome 5 Pro';
  font-size: 9px;
}

Результат:
Посмотреть вложение 138416
Сделал только для того, чтобы показать как выглядит.

Тоже самое использовал)