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

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

Модификация приведена в актуальное состояние для шаблона navigation.
Модификация приведена в актуальное состояние для FA 4.4.0.
  • Мне нравится
Реакции: xsacha
Модификация приведена в актуальное состояние для FA 4.1.0.
Исправления касаются изменения синтаксиса в новой версии FA 4.1.0.


Открываем шаблон PAGE_CONTAINER и в районе <head> добавляем:
Код:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/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) находим:
Код:
<ul class="secondaryContent blockLinksList">
                    <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:hook>


И заменяем на:
Код:
<ul class="secondaryContent blockLinksList">
  <xen:hook name="navigation_tabs_members">
  <li><a href="{xen:link members}"><i class="fa fa-star-o" 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-users" 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:hook>
  </ul>
Иконки для менеджера ресурсов
Открываем шаблон 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>
  • Мне нравится
Реакции: Алена
Открываем шаблон resources_tab_links и всё его содержимое заменяем на:
Код:
<ul class="secondaryContent blockLinksList">
    <xen:if is="{$canSearch}"><li><a href="{xen:link search, '', 'type=resource_update'}"><i class="icon-search" style="padding-right: 3px;"></i>{xen:phrase search_resources}</a></li></xen:if>
    <li><a href="{xen:link resources/authors}"><i class="icon-star" 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="icon-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="icon-eye-open" style="padding-right: 3px;"></i>{xen:phrase watched_resources}</a></li></xen:if>
</ul>
Назад
Сверху Снизу