XF 2.1 Изменение иконок бб-кодов

[stargame1504]

Всем доброго времени суток. Столкнулся с необходимостью замены стандартных иконок каждого из бб-кодов на собственные. Порывшись в настройках и гугле ничего толкового не нашел.

И дополнительный вопрос - можно ли расширить ширину иконок (сделать так, чтобы какие-то были прямоугольные, а какие-то квадратные)? Заранее спасибо.

 

[CrazyHackGUT]

На примере подчёркивания:


Вставить в extra.less:

.fr-command.fr-btn {
    &[data-cmd="underline"] {
        & i::before {
            content: '\f189';
            font-family: 'Font Awesome\ 5 Brands';
        }
    }
}

Как делать, откуда брать содержимое content и font-family?
Открываем

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

, находим нужную. На примере ВК сверху:

Перед текстом с страницы иконки подставляем слеш (было: f189, стало: \f189), в font-family: Font Awesome\ 5 ИмяШрифта (в случае с ВК - Brands).
В некоторых случаях, всё работает и без указания имени шрифта. В таком случае, его не указываем.

Это если совсем кратко.
Так можно поменять любую иконку. Например, поставим иконку

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

на зачёркнутый BB-код. Имя шрифта не нужно, content - \f007, и для примера -

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

на цвет текста (имя шрифта опять не нужно, content - \f7cd:

.fr-command.fr-btn {
    &[data-cmd="underline"] {
        & i::before {
            content: '\f189';
            font-family: 'Font Awesome\ 5 Brands';
        }
    }

    &[data-cmd="strikeThrough"] {
        & i::before {
            content: '\f007';
        }
    }

    &[data-cmd="color"] {
        & i::before {
            content: '\f7cd';
        }
    }
}

Имя кнопки брать из редактора исходного кода.


Как-то так.
P.S.: Я не эксперт в less, и уж тем более - в Font Awesome.

 

[stargame1504]

Спасибо огромное, чуть позже попробую, потом отпишусь.

 

[West14]

CrazyHackGUT, в экстре можно пользовать .m-faBase() вместо font-family и .m-faContent() вместо content

 

[stargame1504]

Не доглядел сразу. Нужно залить кастомные иконки, не Font Awesome. Я просто закидываю их в корень форума в фтп, а в код вставляю вместо
content: '\f189'; - content: '\filename.png';, верно?

 

[CrazyHackGUT]

Нужно залить кастомные иконки

Сразу бы сказали...
Тут всё сложнее. Может, позже кто отпишет. Я в стилях настолько не продвинут.

 

[Mr_panica]

Не доглядел сразу. Нужно залить кастомные иконки, не Font Awesome. Я просто закидываю их в корень форума в фтп, а в код вставляю вместо
content: '\f189'; - content: '\filename.png';, верно?

content: url(URL_ДО_ФАЙЛА);

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

 

[stargame1504]

Сразу бы сказали...
Тут всё сложнее. Может, позже кто отпишет. Я в стилях настолько не продвинут.

я думал, что меня поймут)

content: url(URL_ДО_ФАЙЛА);

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

благодарю

 

[Mirovinger]

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