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

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">

<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>

<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>

<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>