Вы используете устаревший браузер. Этот и другие сайты могут отображаться в нём некорректно. Вам необходимо обновить браузер или попробовать использовать другой.
Дополнений по подключению шрифта Font Awesome, как и мануалов уже не мало, но в одной из тем, попросили собрать что-то подобное для ещё одного появившегося шрифта Font Linux.
Я подумал, и решил, а соберу я подключение обоих (в итоге, вышло больше) шрифтов, в одном дополнении, может кому и...
Такая беда, коды иконок Font Awesome, например - , не заменяются на сами иконки в сообщениях редактора. Когда на компе проверяю, в простом html-файле (не на форуме), где прописан CSS-путь к локальному расположению иконок, то распознаётся и сразу заменяется на иконку.
Версия движка XF1.5.0...
Для добавления своей иконки Font Awesome к стандартному баннеру группы, достаточно просто в шаблон EXTRA.css прописать такое:
.userBanner.bannerRed:before {
content: "\f132";
font-family: FontAwesome;
padding-right: 4px;
}
На примере стандартного красного баннера для группы:
В...
За основу взял Добавляем иконки к ссылкам, собрал в аддон, добавил настройки (находятся в настройках стиля!), добавил кучу сайтов, добавлять по аналогии с имеющимися в шаблоне svg_icons_link.css.
В шаблоне forum_list находим (если Вы используете XenPorta, то пропустите данный шаг):
<dl class="discussionCount"><dt>{xen:phrase discussions}:</dt>
<dd>{xen:number $boardTotals.discussions}</dd></dl>
<dl class="messageCount"><dt>{xen:phrase...
Пользователь Hope разместил новый ресурс:
Красивое отображение данных о пользователе в темах, с использованием Font Awesome - Красивое отображение данных о пользователе в темах, с использованием Font Awesome.
Узнать больше об этом ресурсе...
Пользователь Skaiman разместил новый ресурс:
[SVG]Thread starter with Font Awesome - Иконка автора темы с использованием шрифта Font Awesome
Узнать больше об этом ресурсе...
Данный BB-код позволит Вам вставлять иконки Font Awesome в сообщения форума.
Пример использования BB-кода: male
Обозначения для иконок можно посмотреть тут: http://fortawesome.github.io/Font-Awesome/icons/
Справедливо сказать, что самый простой вариант, это подключить Font Awesome из CDN.
Для этого достаточно в шаблоне PAGE_CONTAINER.
Найти такой код:
<head>
И под ним, добавить такую строчку:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">...
В этом руководстве будет показано, как использовать FontAwesome в качестве добавления индивидуальных иконок для узлов.
Вот CSS коды для Font Awesome Icons.
1. Скачиваем zip архив с FontAwesomeFonts, распаковываем и загружаем содержимое архива в корневой каталог форума на FTP.
2. Открываем...
Добавляем соцкнопки в панели пользователя.
Хотя в Xenforo и присутствуют дополнительные поля, в настройках профиля для контактной информации и социальных страниц(http://site.com/account/contact-details) и можно немного подправив использовать их.
Мы же в данной модификации создадим для удобства...
До:
После:
В шаблоне 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...
До:
После:
Если шрифт 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...
Модификация приведена в актуальное состояние для 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">...
Подключаем шрифт 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...
Для 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}"...
В шаблоне 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>
И всё содержимое между этими...
В шаблоне 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" />...
В шаблоне 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}'...