ALERT!
Click here to register with a few steps and explore all our cool stuff we have to offer!
Home
Upgrade
Credits
Help
Search
Awards
Achievements
 9174

Moving Visitor Tabs to the Moderator Bar

by Bi0S - 05-04-2017 - 03:20 AM
#1
moderator_bar

Replace the following:
Code:
<xen:hook name="moderator_bar" />

With:

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

<xen:hook name="moderator_bar" />

navigation_visitor_tab


[i]Replace the following:
[/i]
Code:
<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>
[i]
[i]With:
[/i][/i]
Code:
<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>

navigation

Replace the following:

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

[i]With:
[/i]
Code:
<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>
[i]
PAGE_CONTAINER
[/i]

[i][i]Replace the following:
[/i][/i]
Code:
<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>
[i][i]
[i]With:
[/i][/i][/i]
Code:
<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>
[i][i][i]
extra.css
[/i][/i][/i]

[i][i][i][i]Add the following:
[/i][/i][/i][/i]
Code:
#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
{
}
[i][i][i][i]
You'll need to modify your CSS on your own, but the above code should be all you should need.
[/i][/i][/i][/i]


[Image: xenbook-user-tabs-png.26915]



[Image: imperial-user-tabs-png.26914]


[i][i][i][i][Image: xenfluence-user-tabs-png.26916]
[/i][/i][/i][/i]
Reply
#2
Thanks for guide
Reply

Users browsing: 1 Guest(s)