font awesome

  1. M

    (XFI) Font Switch - CDN & Local Include 1.1.7

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

    XF 1.5 Код иконок Font Awesome не меняется на иконки в сообщениях

    Такая беда, коды иконок Font Awesome, например - , не заменяются на сами иконки в сообщениях редактора. Когда на компе проверяю, в простом html-файле (не на форуме), где прописан CSS-путь к локальному расположению иконок, то распознаётся и сразу заменяется на иконку. Версия движка XF1.5.0...
  3. Hope

    Добавляем Font Awesome в баннеры групп

    Для добавления своей иконки Font Awesome к стандартному баннеру группы, достаточно просто в шаблон EXTRA.css прописать такое: .userBanner.bannerRed:before { content: "\f132"; font-family: FontAwesome; padding-right: 4px; } На примере стандартного красного баннера для группы: В...
  4. Hope

    Заменяем пол пользователя на Font Awesome

    В шаблоне message_user_info находим: <xen:if is="@messageShowGender AND {$user.gender}"> <dl class="pairsJustified"> <dt>{xen:phrase gender}:</dt> <dd itemprop="gender"><xen:if is="{$user.gender} == 'male'">{xen:phrase...
  5. Skaiman

    [SVG] Font Awesome иконки для ссылок 1.0.1

    За основу взял Добавляем иконки к ссылкам, собрал в аддон, добавил настройки (находятся в настройках стиля!), добавил кучу сайтов, добавлять по аналогии с имеющимися в шаблоне svg_icons_link.css.
  6. Hope

    Изменение внешнего вида статистики форума

    В шаблоне forum_list находим (если Вы используете XenPorta, то пропустите данный шаг): <dl class="discussionCount"><dt>{xen:phrase discussions}:</dt> <dd>{xen:number $boardTotals.discussions}</dd></dl> <dl class="messageCount"><dt>{xen:phrase...
  7. Hope

    Красивое отображение данных о пользователе в темах, с использованием Font Awesome

    Пользователь Hope разместил новый ресурс: Красивое отображение данных о пользователе в темах, с использованием Font Awesome - Красивое отображение данных о пользователе в темах, с использованием Font Awesome. Узнать больше об этом ресурсе...
  8. Skaiman

    [SVG]Thread starter with Font Awesome (Автор темы)

    Пользователь Skaiman разместил новый ресурс: [SVG]Thread starter with Font Awesome - Иконка автора темы с использованием шрифта Font Awesome Узнать больше об этом ресурсе...
  9. Hope

    (XFI) Иконки Font Awesome 1.0

    Данный BB-код позволит Вам вставлять иконки Font Awesome в сообщения форума. Пример использования BB-кода: male Обозначения для иконок можно посмотреть тут: http://fortawesome.github.io/Font-Awesome/icons/
  10. M

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

    Справедливо сказать, что самый простой вариант, это подключить Font Awesome из CDN. Для этого достаточно в шаблоне PAGE_CONTAINER. Найти такой код: <head> И под ним, добавить такую строчку: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">...
  11. M

    Используем Font Awesome Icons для замены иконок узлов 1.0.2

    В этом руководстве будет показано, как использовать FontAwesome в качестве добавления индивидуальных иконок для узлов. Вот CSS коды для Font Awesome Icons. 1. Скачиваем zip архив с FontAwesomeFonts, распаковываем и загружаем содержимое архива в корневой каталог форума на FTP. 2. Открываем...
  12. M

    Соцкнопки в панели пользователя

    Добавляем соцкнопки в панели пользователя. Хотя в Xenforo и присутствуют дополнительные поля, в настройках профиля для контактной информации и социальных страниц(http://site.com/account/contact-details) и можно немного подправив использовать их. Мы же в данной модификации создадим для удобства...
  13. Hope

    Заменяем фразы в профиле пользователя на иконки

    До: После: В шаблоне PAGE_CONTAINER находим: <head> И ниже добавляем: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> Открываем шаблон member_view, в нём находим: <li><a...
  14. Hope

    Заменяем имя пользователя, "Входящие" и "Оповещения" иконками

    До: После: Если шрифт Font Awesome у Вас не подключён. В шаблоне PAGE_CONTAINER находим: <head> И ниже добавляем: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> Далее открываем шаблон navigation_visitor_tab, в нём находим: <a...
  15. Hope

    Добавляем иконки в навигационные вкладки

    Модификация приведена в актуальное состояние для FA 4.x.x. Исправления касаются изменения синтаксиса в новой версии FA 4.x.x. Открываем шаблон PAGE_CONTAINER и в районе <head> добавляем: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">...
  16. Hope

    Изменяем иконку для RSS ленты

    Подключаем шрифт Font Awesome, если это было не сделано ранее. В шаблоне PAGE_CONTAINER находим: <head> И ниже добавляем: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> В шаблоне node_forum_level_2 находим: <a href="{xen:link...
  17. Hope

    Добавляем иконки для боковых панелей

    Для FA 4.x.x и выше. В шаблоне sidebar_online_users находим: <h3>{xen:phrase staff_online_now}</h3> И заменяем на: <h3><i class="fa fa-user fa-fw" aria-hidden="true" style="padding-right:4px;"></i>{xen:phrase staff_online_now}</h3> Далее находим: <h3><a href="{xen:link online}"...
  18. Hope

    Добавляем иконки на страницу аккаунта и в панель личной информации

    В шаблоне PAGE_CONTAINER находим: <head> И ниже добавляем: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> В шаблоне navigation_visitor_tab находим: <div class="menuColumns secondaryContent"> </div> И всё содержимое между этими...
  19. Hope

    Добавляем иконки к кнопкам в сообщениях форума

    В шаблоне PAGE_CONTAINER находим: <head> И ниже добавляем: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> Всё содержимое шаблона post заменяем на: <xen:include template="message"> <xen:map from="$post" to="$message" />...
  20. Hope

    Добавляем иконки в информацию о пользователе

    В шаблоне PAGE_CONTAINER находим: <head> И ниже добавляем: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> В шаблоне message_user_info находим: <xen:hook name="message_user_info_extra" params="{xen:array 'user={$user}'...
Назад
Сверху Снизу