[VNXF] - Cập nhật Icon FontAwesome trong Visitor Tab & Account Wrapper Font_awesomepane-png.9020

​​

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.

[VNXF] - Cập nhật Icon FontAwesome trong Visitor Tab & Account Wrapper Panel-png.9021

​​

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​