1. Vào template PAGE_CONTAINER và thêm code này trong <head>
Mã:
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
2. Đến template navigation_visitor_tab và thay thế tất cả mọi thứ giữa
Mã:
[/FONT][/COLOR]<ul class="col1 blockLinksList">
</ul>[COLOR=#032A46][FONT=Times New Roman]
Mã:
<xen:hook name="navigation_visitor_tab_links1">
<xen:if is=""><li><a href=""><i class="fa fa-user fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<xen:if is=""><li><a href=""><i class="fa fa-pencil fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<xen:if is=""><li><a href=""><i class="fa fa-book fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<li><a href=""><i class="fa fa-lock fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a href="" class="OverlayTrigger"><i class="fa fa-cog fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a href=""><i class="fa fa-bell-o fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<xen:if is=""><li><a href="" class="OverlayTrigger" data-cacheOverlay="true"><i class="fa fa-picture-o fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<xen:if is=""><li><a href=""><i class="fa fa-facebook fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<li><a href=""><i class="fa fa-key fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
</xen:hook>
</ul>
<ul class="col2 blockLinksList">
<xen:hook name="navigation_visitor_tab_links2">
<xen:if is=""><li><a href=""><i class="fa fa-rss fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<li><a href=""><i class="fa fa-inbox fa-large fa-fixed-width" style="padding-right:7px;"></i>
<strong class="itemCount "
id="VisitorExtraMenu_ConversationsCounter">
<span class="Total"></span>
</strong></a></li>
<li><a href=""><i class="fa fa-exclamation-circle icon-large fa-fixed-width" style="padding-right:7px;"></i>
<strong class="itemCount "
id="VisitorExtraMenu_AlertsCounter">
<span class="Total"></span>
</strong></a></li>
<li><a href=""><i class="fa fa-thumbs-up fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a href="'}"><i class="fa fa-comments icon-large icon-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a href=""><i class="fa fa-group fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a href=""><i class="fa fa-ban fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li> <xen:if is=""><li><a href=""><i class="fa fa-arrow-circle-up fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
Bạn có thể phải thêm "color: #;" trong style= cho phù hợp với nhu cầu của bạn.
3. Vào template account_wrapper và thay thế tất cả giữa
Mã:
<li class="section">
</li>
Bằng
Mã:
<ul>
<xen:hook name="account_wrapper_sidebar_your_account">
<li><a
class=" == 'alerts/latest'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-exclamation-circle fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<xen:if is=""><li><a
class=" == 'alerts/newsFeed'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-rss fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<li><a
class=" == 'alerts/likes'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-thumbs-o-up fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a
class="primaryContent"
href=""><i class="fa fa-comment fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a
class="primaryContent"
href=""><i class="fa fa-comments fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
</xen:hook>
</ul>
</li>
<!-- slot: pre_conversations -->
<li class="section"><h4 class="subHeading"></h4>
<ul>
<xen:hook name="account_wrapper_sidebar_conversations">
<li><a
class=" == 'conversations/view'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-inbox fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<xen:if is=""><li><a
class=" == 'conversations/add'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-envelope fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
</xen:hook>
</ul>
</li>
<!-- slot: pre_settings -->
<li class="section"><h4 class="subHeading"></h4>
<ul>
<xen:hook name="account_wrapper_sidebar_settings">
<xen:if is=""><li><a
class=" == 'account/personalDetails'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-user fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<xen:if is=""><li><a
class=" == 'account/signature'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-pencil fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<li><a
class=" == 'account/contactDetails'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-book fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a
class=" == 'account/privacy'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-lock fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a
class=" == 'account/preferences'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-cog fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a
class=" == 'account/alertPreferences'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-bell fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a
class=" == 'account/following'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-group fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<li><a
class=" == 'account/ignored'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-ban fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
<xen:if is=""><li><a
class=" == 'account/upgrades'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-arrow-circle-up fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<xen:if is=" OR OR "><li><a
class=" == 'account/externalAccounts'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-chain-broken fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li></xen:if>
<li><a
class=" == 'account/security'", 'secondaryContent', 'primaryContent'}"
href=""><i class="fa fa-key fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
</xen:hook> </ul>
Và thay thế bằng:
Mã:
<li><a href="'}"
class="LogOut primaryContent"><i class="fa fa-sign-out fa-large fa-fixed-width" style="padding-right:7px;"></i></a></li>
Bạn có thể phải thêm "color: #;" trong style= cho phù hợp với nhu cầu của bạn.
Chúc các bạn thành công.
p/s: Vì forum không cho đính kèm link nên mọi người qua forum vnxf.vn tìm topic với tựa đề này để tải các bộ icon nhé. Cám ơn!
Nguồn: VNXF.VN