[TUTORIAL] Horizontal Forum Markers

With this modification, we will change the vertical forum markers at the bottom of your forumhome and forum display, to make them horizontal, thus saving room and making the display look, (imo), neater, and we will add the forum link icon, as well.

We will also get rid of the log out link, in the same area. Why? It's not necessary, as you already have a log in/log out link on the navbar, plus, again, it makes the bottom of the forum look neater.



Instructions:

Open your FORUMHOME template.
Find:
<!-- icons and login code -->
<table cellpadding="0" cellspacing="2" border="0" width="100%">
<tr valign="bottom">
<td>
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>
</tr>
</table>
</td>
<if condition="!$show['guest']">
<!-- member logout -->
<td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>
<!-- end member logout -->
</if>
</tr>
</table>
<!-- / icons and login code -->
REPLACE with:



<!-- icons and login code -->




<br />
<table border="0" align="center" cellpadding="5" cellspacing="0" style="border: 1px solid #55473B; background-color: #F1EBE7;">
<tr>
<td align="center" valign="middle" class="smallfont" >
<img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" align="middle" border="0" /> New posts &nbsp; &nbsp;
<img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts &nbsp;&nbsp;
<img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum &nbsp;&nbsp;
<img src="$stylevar[imgdir_statusicon]/forum_link.gif" alt="links" align="middle" border="0" /> Links
</td>
</tr>
</table>
</tr>
</table>

<!-- / icons and login code -->
Save


Now open FORUM DISPLAY template

Find:
<else />
<table cellpadding="0" cellspacing="2" border="0" width="100%">
<tr valign="bottom">
<td>
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>
</tr>
<tr>
<td><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>
<td class="smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>
</tr>
</table>
</td>
</tr>
</table>REPLACE with:
<else />
<br />
<table border="0" align="center" cellpadding="5" cellspacing="0" style="border: 1px solid #E0AAD9; background-color: #ffffff;">
<tr>
<td align="center" valign="middle" class="smallfont" >
<img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" align="middle" border="0" /> New posts &nbsp; &nbsp;
<img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts &nbsp;&nbsp;
<img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum &nbsp;&nbsp;
<img src="$stylevar[imgdir_statusicon]/forum_link.gif" alt="links" align="middle" border="0" /> Links
</td>
</tr>
</table>
Just below that code

Find:


<!-- / icon key -->
BELOW, add:



<br />

<br />


SAVE

This prevents the icons from sitting on top of the forum jump menu on forumdisplay.


You'll notice at the top of the new code that you can add a background color and a border, if you'd like. If you don't want either, just delete those from your code.

Enjoy!

Thanks Peggy, have put it on my site (http://www.thamesvalleybirds.co.uk/index.php) and it does look a lot neater. :)

Hi Peggy, is this workable on 3.7.1?

Actually, I've just tried it (saving the old templates in case it didn't work) and it seems to work fine. :)

As you already know, yep it does. ;)

Thanks for the tutorial. I've got Ultimate Columns installed on 3.6.8 and had a minor glitch but have cleaned up the bottom of my forum pages, and never took the time to find the template to change it. Thanks for your efforts.