Move login/logout on Navbar

[Peterpan002]

Currently the default logout/in button is situated on the far right of the navbar (3.7 RC2) I want to move this to the lefthand side. Suggestions?

[dismas]

Edit the navbar template.

[Peterpan002]

I guess I kind of left myself open to that response LOL. OK thats a good start, now which bit of code to I need to move and add what?

[dismas]

Okay, edit your navbar template.

Scroll down to where it says:

<if condition="$show['member']">
		<td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
</if>

Cut that out, DO NOT delete it as you'll be needing it in a minute.

Scroll back up to where the nav buttons bar starts, you'll know it when you see it because it will say:

<!-- nav buttons bar -->

Paste the segment of code that you cut earlier in between this:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
	<tr align="center">

and this:

<if condition="$show['member']">
	<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
</if>

[Peterpan002]

Yep that worked perfectly thank you dismas

--------------- Added [DATE]1207241284[/DATE] at [TIME]1207241284[/TIME] ---------------

One other request how can I make the links within the navbar smaller and push them along i.e. I would like

Logout Help <-------------------------SPACE---------> Member List New Posts Search Quick Links

Thanks in advance

[dismas]

Not sure, never tried that. Maybe put some spaces in by using

 

between the "Help" and "Member List" buttons?

[SEOvB]

adding a bunch of spaces like that to the end of the help link will do it.

Breaking the navbar down into two fixed width sections using floats should work to

<div style="width: 100px; float: left;">Logout Help Links</div>

<div style="width: 300px; float: right;">Rest of Links</div>

I have the utmost confidence you'll be able to figure out where to put the div code

[Peterpan002]

Thank you & done