FontAwesome Icons trong Tablinks

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
17,142
Được Like
12,745
FontAwesome Icons trong Tablinks

Thêm biểu tượng FontAwesome trong Tablinks.

1.png


2.png

1. Trước tiên vào template PAGE_CONTAINER và thêm vào sau <head> đoạn code sau:
Mã:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css" rel="stylesheet">

2. Vào template navigation và tìm:
Mã:
<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>

Thay bằng:
Mã:
<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-open" 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" style="padding-right: 3px;"></i>{xen:phrase watched_forums}</a></li>
                            <li><a href="{xen:link 'watched/threads'}"><i class="fa fa-comments" 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" style="padding-right: 3px;"></i>{xen:if $visitor.user_id, {xen:phrase new_posts}, {xen:phrase recent_posts}}</a></li>
                    </xen:hook>
                    </ul>

3. Tìm:
Mã:
<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>

Thay bằng:
Mã:
<ul class="secondaryContent blockLinksList">
                    <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-open" 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>

Resource Manager
1. Vào template resources_tab_links và thay thế tất cả với code sau:
Mã:
<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="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="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-open" style="padding-right: 3px;"></i>{xen:phrase watched_resources}</a></li></xen:if>
</ul>

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

Top Bottom