Chuyển khu vực thông tin thành viên lên thanh Moderator Bar

nttruong

MasterCorporal
Tham gia
25/02/2015
Bài viết
368
Được Like
614
Bài viết này hướng dẫn các bạn chuyển khu vực thông tin thành viên (Visitor Tabs) lên thanh Moderator Bar.

Demo:

imperial-user-tabs-png.22
xenbook-user-tabs-png.23
xenfluence-user-tabs-png.24


Cách thực hiện:

- Tìm đọan code sau:


Mã:
<xen:hook name="moderator_bar" />

Thay thế bằng:


Mã:
<xen:if is="{$visitor.user_id}">
<xen:include template="navigation_visitor_tab" />
</xen:if>
<xen:hook name="moderator_bar" />

- Tìm và mở template navigation_visitor_tab, thay thế đoạn code này:

Mã:
<xen:if is="{$tabs.account.selected}">
<li class="navTab selected PopupClosed">
<div class="tabLinks">
<div class="primaryContent menuHeader">
<h3>{$tabs.account.title}</h3>
<div class="muted">{xen:phrase quick_links}</div>
</div>
<ul class="secondaryContent blockLinksList">
<xen:hook name="navigation_tabs_account">
<li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
<li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
<li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li>
<li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
<!--<li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li>-->
</xen:hook>
</ul>
</div>
</li>
</xen:if>

Bằng đoạn này:

Mã:
<xen:comment>
<xen:if is="{$tabs.account.selected}">
<li class="navTab selected PopupClosed">
<div class="tabLinks">
<div class="primaryContent menuHeader">
<h3>{$tabs.account.title}</h3>
<div class="muted">{xen:phrase quick_links}</div>
</div>
<ul class="secondaryContent blockLinksList">
<xen:hook name="navigation_tabs_account">
<li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
<li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
<li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li>
<li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
<!--<li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li>-->
</xen:hook>
</ul>
</div>
</li>
</xen:if>
</xen:comment>


- Tìm và mở template navigation, thay thế đoạn code này:

Mã:
<xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>

Bằng đoạn code này:

Mã:
<xen:if is="{$tabs.account.selected}">
<li class="navTab selected blankTab PopupClosed">
<div class="tabLinks">
<div class="primaryContent menuHeader">
<h3>{$tabs.account.title}</h3>
<div class="muted">{xen:phrase quick_links}</div>
</div>
<ul class="secondaryContent blockLinksList">
<xen:hook name="navigation_tabs_account">
<li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
<li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
<li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li>
<li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
<!--<li><a href="{xen:link 'watched/threads'}">{xen:phrase watched_threads}</a></li>-->
</xen:hook>
</ul>
</div>
</li>
</xen:if>
</ul>
<xen:comment>
<xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
</xen:comment>

- Tìm và mở template PAGE_CONTAINER, thay thế đoạn code này:

Mã:
<xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
<xen:include template="moderator_bar" />
<xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
<xen:include template="login_bar" />
</xen:if>

Bằng đoạn code này:

Mã:
<xen:if is="{$visitor.user_id}">
<xen:include template="moderator_bar" />
<xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
<xen:include template="login_bar" />
</xen:if>

- Tìm và mở template extra.css, thêm vào cuối:

Mã:
#moderatorBar .adminLink
{
float:left;
}
#moderatorBar .visitorTabs
{
float: right;
}
#moderatorBar .visitorTabs li
{
float:left;
}
#moderatorBar .visitorTabs .navLink
{
line-height: 16px;
}
#moderatorBar .visitorTabs .navLink:hover
{
}
#moderatorBar .visitorTabs .navLink .itemCount
{
line-height: 16px;
}
#moderatorBar .visitorTabs .navLink .itemCount:hover
{
}

Demo trực tiếp có thể xem tại: http://www.tapchi60s.com/

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

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,649
Được Like
3,932
Chưa rõ ràng. Cần chỉnh lại đoạn đầu. Hướng dẫn sao cho người mới biết xenforo cũng làm đc.;)
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom