I recommend using the template modification system for these changes (built into xF 2.x, available as an add-on for xF 1.1.5).
Add to EXTRA.css:
Code:
.navTabs .navTab.login
{
float: right;
padding: 0 10px;
}
Find this code near the end of the navigation template:
Code:
<xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
Replace it with:
Code:
<xen:if is="{$visitor.user_id}">
<xen:include template="navigation_visitor_tab" />
<xen:else />
<li class="navTab login PopupClosed"><label for="LoginControl"><a href="{xen:link login}" class="navLink OverlayTrigger">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label></li>
</xen:if>
Add <xen:comment> to the very beginning of the login_bar template and </xen:comment> to the very end.
Code:
<xen:comment><xen:require css="login_bar.css" />
<div id="loginBar">
<div class="pageWidth">
<div class="pageContent">
<h3 id="loginBarHandle">
<label for="LoginControl"><a href="{xen:link login}" class="concealed noOutline">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label>
</h3>
<span class="helper"></span>
<xen:edithint template="login_bar_form" />
</div>
</div>
</div></xen:comment>
Done!
If you have any suggestions, feedback, or need help, please let me know.
Cheers.
