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

Совместимость с XenForo
XenForo 1.2
,
XenForo 1.3
,
XenForo 1.4
,
XenForo 1.5
fontawesome3.png

fontawesome4.png


awesone4.jpg


Модификация для FA 4.6.3

Открыть шаблон PAGE_CONTAINER и ниже <head> добавить:
Код:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
В шаблоне navigation найти:
Код:
<ul class="secondaryContent blockLinksList">
                    <xen:hook name="navigation_tabs_forums">
                        <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger">{xen:phrase mark_forums_read}</a></li></xen:if>
                        <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=post'}">{xen:phrase search_forums}</a></li></xen:if>
                        <xen:if is="{$visitor.user_id}">
                            <li title="List of forums that you are currently watching" class="Tooltip"><a href="{xen:link 'watched/forums'}">{xen:phrase watched_forums}</a></li>
                            <li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li>
                        </xen:if>
                        <li><a href="{xen:link 'find-new/posts'}" rel="nofollow" id="newPostsGlow">{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li>
                    </xen:hook>
                    </ul>
Удаляем и вставляем:

Код:
<ul class="secondaryContent blockLinksList">
  <xen:hook name="navigation_tabs_forums">
  <xen:if is="{$visitor.user_id}"><li><a href="{xen:link 'forums/-/mark-read', $forum, 'date={$serverTime}'}" class="OverlayTrigger"><i class="fa fa-eye" style="padding-right: 3px;"></i>{xen:phrase mark_forums_read}</a></li></xen:if>
  <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=post'}"><i class="fa fa-search" style="padding-right: 3px;"></i>{xen:phrase search_forums}</a></li></xen:if>
  <xen:if is="{$visitor.user_id}">
  <li><a href="{xen:link 'watched/forums'}"><i class="fa fa-comment-o" style="padding-right: 3px;"></i>{xen:phrase watched_forums}</a></li>
  <li><a href="{xen:link 'watched/threads'}"><i class="fa fa-comments-o" style="padding-right: 3px;"></i>{xen:phrase watched_threads}</a></li>
  </xen:if>
  <li><a href="{xen:link 'find-new/posts'}" rel="nofollow"><i class="fa fa-star-o" style="padding-right: 3px;"></i>{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li>
  </xen:hook>
  </ul>
В этом же шаблоне (navigation) найти:

Код:
<xen:hook name="navigation_tabs_members"> <li><a href="{xen:link members}">{xen:phrase notable_members}</a></li>
<xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}">{xen:phrase registered_members}</a></li></xen:if>
<li><a href="{xen:link online}">{xen:phrase current_visitors}</a></li>
<xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}">{xen:phrase recent_activity}</a></li></xen:if>
<xen:if is="{$canViewProfilePosts}"><li><a href="{xen:link find-new/profile-posts}">{xen:phrase new_profile_posts}</a></li></xen:if>
</xen:hook>
Удаляем и вставляем:
Код:
<xen:hook name="navigation_tabs_members">
  <li><a href="{xen:link members}"><i class="fa fa-star" style="padding-right: 3px;"></i>{xen:phrase notable_members}</a></li>
  <xen:if is="{$xenOptions.enableMemberList}"><li><a href="{xen:link members/list}"><i class="fa fa-group" style="padding-right: 3px;"></i>{xen:phrase registered_members}</a></li></xen:if>
  <li><a href="{xen:link online}"><i class="fa fa-eye" style="padding-right: 3px;"></i>{xen:phrase current_visitors}</a></li>
  <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}"><i class="fa fa-fire" style="padding-right: 3px;"></i>{xen:phrase recent_activity}</a></li></xen:if>
  <xen:if is="{$canViewProfilePosts}"><li><a href="{xen:link find-new/profile-posts}"><i class="fa fa-comments" style="padding-right: 3px;"></i>{xen:phrase new_profile_posts}</a></li></xen:if>
  </xen:hook>

Иконки для менеджера ресурсов
Открыть шаблон resources_tab_links и все заменить на:

Код:
<ul class="secondaryContent blockLinksList">
  <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=resource_update'}"><i class="fa fa-search" style="padding-right: 3px;"></i>{xen:phrase search_resources}</a></li></xen:if>
  <li><a href="{xen:link resources/authors}"><i class="fa fa-star-o" style="padding-right: 3px;"></i>{xen:phrase most_active_authors}</a></li>
  <xen:if is="{$visitor.user_id} && {$visitor.resource_count}"><li><a href="{xen:link resources/authors, $visitor}"><i class="fa fa-user" style="padding-right: 3px;"></i>{xen:phrase your_resources}</a></li></xen:if>
  <xen:if is="{$visitor.user_id}"><li><a href="{xen:link resources/watched}"><i class="fa fa-eye" style="padding-right: 3px;"></i>{xen:phrase watched_resources}</a></li></xen:if>
</ul>
Автор
Next
Первый выпуск
Обновление
Оценка
0.00 звёзд 0 оценок

Другие ресурсы пользователя Next

Последние обновления

  1. Обновление модификации

    Модификация приведена в актуальное состояние для шаблона navigation Обновление Font Awesome 4.6.3