Добавление иконок Font Awesome в постбит сообщений

[Mirovinger]

Mirovinger добавил(а) новый ресурс:

Добавление иконок Font Awesome в постбит сообщений - Font Awesome в постбите сообщений пользователя.

Добавляем в шаблон extra.less.

.message-userExtras {
    .pairs {

        dt:before {
            font-family: FontAwesome;
            padding-right: 2px;
        }

        &:nth-child(1) dt:before {
            content: "\f075";
        }

        &:nth-child(2) dt:before {
            content: "\f164";
        }

        &:nth-child(3) dt:before {
            content: "\f091";
        }
    }
}

Если нужно добавить другие, делаем по аналогии.
Посмотреть вложение 86808

Узнать больше об этом ресурсе...

 

[Source]

У меня почему то вообще не отображается постбит информация, как это решить? Возможно я что-то где-то отключил

 

[Mirovinger]

Зайти в настройки стиля и включить, это основы уважаемый.

 

[Source]

Зайти в настройки стиля и включить, это основы уважаемый.

Где именно это находится?

 

[Mirovinger]

Настройки стиля > Сообщения

 

[Mirovinger]

Mirovinger обновил(а) ресурс Добавление иконок Font Awesome в постбит сообщений новой записью:

XF2.1.x + FA5

• Совместимость с XenForo 2.1.x
• Рефакторинг

Узнать больше об этом обновлении...

 

[qwers]

Mirovinger, Будет обнова на версию XF 2.2?))

 

[Skaiman]

qwers, там все так же

 

[Mirovinger]

Mirovinger, Будет обнова на версию XF 2.2?))

Вроде ничего не изменялось, сами проверить могли.

 

[qwers]

Mirovinger, без проверки я бы не писал... Дело в том, что вставляя Ваш код - вместо иконок появляются квадратики...

 

[Mirovinger]

Очень информативно, вот только какой стиль и больше информации.

Как видим, всё работает.

 

[ASTEROID]

Mirovinger, без проверки я бы не писал... Дело в том, что вставляя Ваш код - вместо иконок появляются квадратики...

А вы какой код использовали? Если который в спойлере, и при этом у Вас выше 2.0, то там семейство указано вот так:

Код

        dt:before {
            font-family: FontAwesome;
            padding-right: 2px;
        }

А нужный для Вас (если 2.2) выглядит вот так:

Код

        dt:before {
            font-family: 'Font Awesome 5 Pro';
            padding-right: 2px;
        }

Либо вообще первый код во вкладке "Обзор". Ну и от стиля зависит

 

[Mirovinger]

А нужный для Вас (если 2.2) выглядит вот так:

Не может он так выглядеть по одной простой причине, что в моём коде используется миксин движка, в котором уже указано и семейство шрифта и всё необходимое.
Это самый верный подход, так как код не будет нуждаться в будущих правках, если разработчики что-то изменят.
А если человек использовал под спойлером, то это лишь говорит, что он не внимателен и не читал заголовок спойлера.

 

[Dead Master]

Создал дом поле в блок информации о пользователе в сообщениях

как вывести правильно код иконки туда в extra.less?
сама иконка такая

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Если нужно добавить другие, делаем по аналогии.

добавил ниже

&:nth-child(3) dt {
            .m-faBefore("\f17a ");
        }

и пропали вообще все значки
стоит 2.2.8

​

 

[Skaiman]

&:nth-child(4) dt:before {
    .m-faBase(Brands);
    .m-faContent(@fa-var-windows);
}

Dead Master, забудь про те

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[facish]

а текст в title иконки спрятать каким кодом, подскажите пожалуйста