Logout Button replacing Logout text
 

This easy template mod will replace the Logout Username text that appears at the bottom of your forumhome page with a Logout button graphic/image instead.

Level of difficulty: Easy
Time to install: 1 minute

I have made a Logout image (attached) in the default vB Style.

Open FORUMHOME and very close to the bottom of that template find the following code;

<!-- member logout -->
<td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
<!-- end member logout -->

Replace that code in its entirety with the following code;

<!-- member logout button -->
<td align="$stylevar[right]">
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><img src="$stylevar[imgdir_button]/logout.gif"
border="0" width="110" height="26" alt="<phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase>"></a></td>
<!-- end member logout -->

Then upload the attached image to your images/buttons directory... and hey presto, you're done!

Note: The text you would normally have seen e.g. <Logout theMusicMan> is now shown when you mouse-over the logout button.

Please click Install if you use it, thanks.
Enjoy!

Thanks, I actually created my own but it was shotty work, and didn't work per style... Using yours now :D

Installed on mine with my own button...works great thanks! :D

Just installed this thanks for the work. I did clean up a bit of white space around the edge of the button so I'll attach it here if anyone wants it.

*Clicks Install* Very nice, much better than generic text. Thank you!

what a great idea... I think I will install this one....

Cool, kinda dresses up the forum *** installs ***

Awesome work. Simple yet effective!

Cheers,

Mike

very nice.. thanks!

Cool, I like it, will replace mine :)

Visit this link to view more "logout" images ;)

Logout Images

I tried to enlarge the Log Out button, but somehow it got auto-resized.

Figured that out.

Q: is it possible to have the same logout button on all forum views ?


ie. like this
http://www.mysite.org/forum/forumdisplay.php?f=2 ?

and opposed to just on the index page ?

http://www.mysite.org/forum/index.php

There are errors in this suggested modification.

'$vbphrase[sure_you_want_to_log_out]' is missing from this section.


Open FORUMHOME and very close to the bottom of that template find the following code;

<!-- member logout -->
<td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
<!-- end member logout -->

Replace that code in its entirety with the following code;

<!-- member logout button -->
<td align="$stylevar[right]">
<a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')"><img src="$stylevar[imgdir_button]/logout.gif"
border="0" width="110" height="26" alt="<phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase>"></a></td>
<!-- end member logout -->




FYI everyone.

The symptom here is that When you click Log Out in the navbar or the Forum Home Page ..... The "Are you sure you want to Log Out" message is missing ... and instead it says "undefined".

Many thanks for pointing this out InfoNirvana. I have updated the code accordingly. Cheers.

runs on 3.7.0 B3 ...

* installed