Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy
click để tìm bản mới hơn
FontAwesome Icons trong Quick Navigation Menu
Thêm biểu tượng FontAwesome trong Menu Quick Navigation.
1. Trước hết vào template PAGE_CONTAINER vào thêm vào sau <head> đoạn code sau:
2. Vào template quick_navigation_menu và thay thế tất cả mọi thứ giữa FIRST:
bằng:
Bạn có thể 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.
Thêm biểu tượng FontAwesome trong Menu Quick Navigation.
Mã:
<link href="//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.css" rel="stylesheet">2. Vào template quick_navigation_menu và thay thế tất cả mọi thứ giữa FIRST:
Mã:
<div class="blockLinksList">
</div>bằng:
Mã:
<ul>
<xen:if is="{$homeLink}"><li><a href="{$homeLink}"><i class="fa fa-home fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase home}</a></li></xen:if>
<li><a href="{xen:link index}"><i class="fa fa-comment fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase forums}</a></li>
<li><a href="{xen:link members}"><i class="fa fa-group fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase registered_members}</a></li>
<xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link recent-activity}"><i class="fa-fire fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase recent_activity}</a></li></xen:if>
</ul>
<ul>
<xen:if is="{$visitor.user_id}">
<li><a href="{xen:link members, $visitor}"><i class="fa fa-user fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase your_profile}</a></li>
<li><a href="{xen:link account}"><i class="fa fa-cog fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase your_account}</a></li>
<li><a href="{xen:link conversations}"><i class="fa fa-inbox fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase conversations}</a></li>
<xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}"><i class="fa fa-rss fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase your_news_feed}</a></li></xen:if>
<xen:else />
<li><a href="{xen:link login}">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></li>
</xen:if>
</ul>
<ul>
<li><a href="{xen:link help}"><i class="fa fa-info fa-lg fa-fw" style="padding-right:7px;"></i>{xen:phrase help}</a></li>
</ul>Bạn có thể 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.
Nguồn: xenforo.com
Bài viết liên quan
Bài viết mới
Silzedt
