font awesome

  1. BJIACK

    XF 2.2 Новые Font Awesome иконки

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

    XF 2.1 Cинтаксис font awesome duotone в xf

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

    Замена иконки(font awesome)

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

    XF 2.1 Font Awesome в виджетах сайдбара

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

    Less для кастомных иконок подфорумов (категорий, страниц, ссылок)

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

    Иконки вместо вкладок навигации

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

    Font Awesome 5 integration 1.2.0

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

    Добавляем иконки в staffbar

    Код ниже для 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); }...
  9. M

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

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

    Добавление иконок Font Awesome в виджет - "Панель посетителя"

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

    Font Awesome иконки для кнопки входа и регистрации

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

    Less для добавления или замены иконок Font Awesome у кнопок управления сообщением

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

    Less для кастомных иконок форумов (категорий), страниц, ссылок

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

    Less для иконок вкладок и меню навигации

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

    Добавление иконок Font Awesome в виджеты сайдбара и не только

    Всё тоже - [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 {...
  16. M

    Иконки Font Awesome для входа/регистрации

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

    Добавление иконок Font Awesome в меню пользователя 2

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

    Font Awesome 5 - Локальная установка и подключение 5.13.0

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

    Simplicity Lite 1.03

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

    Заменяем иконки настроек в Modern Statistics на Font Awesome

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

    Добавляем Font Awesome к элементам управления и не только

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

    Font Awesome иконки для виджета "Статистика форума"

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

    Font Awesome иконки для виджета "Статистика форума"

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

    Добавляем Font Awesome к ссылкам в подвале

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

    (XFI) Font Switch - CDN & Local Include 1.1.7

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