font awesome

Здравствуйте. Для групп пользователей можно добавить иконки Font Awesome с помощью кода <i class="fas fa-user-shield"></i> это к примеру. Я нашёл недавно новые иконки Font Awesome, но я не понимаю как их установить, в какую папку кидать. Подскажите пожалуйста

Всем привет друзья! Возник такой вопрос, иконки вроде есть в дистрибутиве, а вот как ими пользоваться, точнее как применять - для меня загадка, подскажите как устанавливать цвет 1, цвет 2 если например добавлять иконку таким способом &:before{ .m-faBase(Duotone)...

Hay.У нас вместе с MazaHaka147 появился вопросик) Подскажите кто знает.Шаблон изначально сам ставит иконку папочки, и нельзя изменить на свою. Хотел воспользоваться кодом, который был указан в других темах(на данном форуме), но ничего не вышло! .navigation-icons (@nav-id; @fa-uid; @fa-size...

Добрый день. Добавил иконки к виджетам сайдбара но не могу определить ключевое слово для donates (пример в прикрепленном файле) . Подскажите плиз где и как его настроить для вывода иконки.

Для изменения иконок Font Awesome у подразделов, достаточно добавить в extra.less такой код. .fox-subNodeLink-icons(@subNode-id; @readIcons; @unreadIcons: false; @faColor: false; @faType: false) { .subNodeLink[href$=".@{subNode-id}/"], .subNodeLink[href$="/@{subNode-id}/"] {...

Код добавляем в extra.less

Данный плагин позволит интегрировать на Ваш форум шрифты FA5

Код ниже для 2.1. Если у вас 2.0, замените пятый фонтавесом на четвёртый. Добавляем в шаблон extra.less .p-staffBar .p-staffBar-link { &:before { .m-faBase(); padding-right: 5px; } &[href$="reports/"] { .m-faBefore(@fa-var-exclamation-triangle); }...

Добавляем в шаблон extra.less. .message-userExtras { .pairs { dt { margin-right: 3px; &:before { .m-faBase(); padding-right: 2px; } } &:nth-child(1) dt { .m-faBefore("\f075")...

Добавляем в шаблон extra.less. .p-body-sidebar { [data-widget-definition="visitor_panel"] { .contentRow-minor .pairs { margin-right: -8px; dt { margin-right: 3px; &:before { .m-faBase()...

Добавляем шаблон extra.less /* Иконки для кнопок входа и регистрации */ .p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before { font-family: FontAwesome; content: "\f090"; color: #E6BB5C; padding-right: 5px; }...

Для добавления или изменения иконок Font Awesome у кнопок управления сообщением, достаточно добавить в extra.less такой код. (Возможно в будущем не только Font Awesome) .message-button-id(@buttonId; @fa-uid; @color: false) { .actionBar-action { &--@{buttonId}:before {...

Да инструкции по изменению иконок у форумов (категорий), страниц, ссылок (в дальнейшем разделов) есть на форуме, но попросили упростить это всё. По этому для изменения иконок Font Awesome у разделов, достаточно добавить в extra.less такой код. (Возможно в будущем не только Font Awesome)...

Да, можно было дать готовый код и инструкции есть на форуме, но хотелось ещё упростить это всё. По этому для добавление иконок Font Awesome в навигацию, достаточно добавить в extra.less такой код. (Возможно в будущем не только Font Awesome) .navigation-icons(@nav-id; @fa-uid; @fa-type: false...

Всё тоже - [SC] Sidebar Block - Font Awesome и чуть больше , но средствами less/css. Добавляем в шаблон extra.less. .block { h3:before { display: inline-block; .m-faBase(); padding-right: 3px; } &[data-widget-section="staffMembers"] { h3 {...

Благодарим пользователя CMTV, за предоставленный код - XF 2.0 - Иконки в шапке. В шаблон extra.less добавьте: // Иконки для входа/регистрации .p-nav-opposite { .p-navgroup-link:before { padding-right: 5px; .m-faBase(); } // Вход .p-navgroup-link--logIn:before...

Добавим всё тоже, как здесь - Добавление иконок Font Awesome в меню пользователя, только средствами css. Добавляем шаблон extra.less. .menu--account { .tabs-tab { &:before { .m-faBase(); padding-right:3px; margin-left: -5px; }...

Font Awesome 5 существует в бесплатном и платном варианте, в бесплатном на данный момент времени 1,588 иконок, в платном 7,842 и дополнительные возможности. Здесь будет описано подключения бесплатного пака иконок. Справедливо сказать, что самый простой вариант, это подключить Font Awesome 5 из...

.Font Awesome шрифт, поддержка множества популярных дополнений, разные вариации цвета Демо: Nulumia | Xenforo Demo Area

Инструкция заведомо подразумевает, что у Вас подключён шрифт Font Awesome, Вами или в стиле по умолчанию, если нет, то подключаем - Font Awesome - Локальная установка и подключение. Затем в EXTRA.css добавить. .brmsStatisticHeader .brmsConfigBtn .brmsIcoConfig, .brmsStatisticHeader...

Для добавления Font Awesome к заголовкам в сайдбаре, субнавигации и элементам управления на форуме. Первым делом, подключим шрифт - Font Awesome - Локальная установка и подключение, если не подключён. Затем добавляем в шаблон EXTRA.css. /* Sidebar ========================================= */...

Captain обновил(а) ресурс Font Awesome иконки для виджета "Статистика форума" новой записью: Поддержка 2.0.0 Beta 3 Узнать больше об этом обновлении...

Виджет "Статистика форума" отображается на главной странице в боковой панели, а так же в новых сообщениях боковой панели, вы можете изменить в других местах отображения с новой системой виджетов. Для создания модификации, необходимо включить режим разработки. Перейти по адресу...

Для добавления иконок к ссылкам в подвале, для начала подключим шрифт - Font Awesome - Локальная установка и подключение, если не подключён. Затем добавляем в шаблон EXTRA.css. .footerLinks li a:before { font-family: FontAwesome; margin-right: 2px; } .footerLinks li a[href*="tags/"]:before...

Дополнений по подключению шрифта Font Awesome, как и мануалов уже не мало, но в одной из тем, попросили собрать что-то подобное для ещё одного появившегося шрифта Font Linux. Я подумал, и решил, а соберу я подключение обоих (в итоге, вышло больше) шрифтов, в одном дополнении, может кому и...