Moving Visitor Tabs to the Moderator Bar

[Bi0S Emerald Member Posts:12,183 Threads:12,128 Reputation 31]

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]









[i][i][i][i]
[/i][/i][/i][/i]

[simoclick DF Member Posts:16 Threads:1 Reputation 0]

Thanks for guide