Peggy
08-18-2006, 08:35 PM
First I want to give credit to miner for teaching me part of this. I've tweaked and added a bit to what he taught me.
This tutorial is used to change the status forum icons from vertical to Horizontal display on Forumhome and Forumdisplay.
Open Forumhome template.
Find this:
<!-- 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/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont"> $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"> $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"> $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&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 -->
[I]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
<img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts
<img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum
<img src="$stylevar[imgdir_statusicon]/forum_link.gif" alt="links" align="middle" border="0" /> Links
</td>
</tr>
</table>
</tr>
</table>
<!-- / icons and login code -->
You can change the background and border colors to match your style's colors, or delete if not needed.
Notice that I added the forum link image and deleted the login code. It's not really necessary to have the login/logout code there, IMO, since it is already located on the navbar.
__________________________________________________ __________________________________
Open Forumdisplay
Find this:
<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/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont"> $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"> $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"> $vbphrase[forum_is_closed_for_posting]</td>
</tr>
</table>
</td>
</tr>
</table>
[I]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
<img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts
<img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum
<img src="$stylevar[imgdir_statusicon]/forum_link.gif" alt="links" align="middle" border="0" /> Links
</td>
</tr>
</table>
Just below that, find:
<!-- / icon key -->
Below, add:
<br />
<br />
This prevents the icons from sitting on top of the forum jump menu on forumdisplay.
Enjoy
(hahaha, my first vB tutorial... whoda thunk it!)
This tutorial is used to change the status forum icons from vertical to Horizontal display on Forumhome and Forumdisplay.
Open Forumhome template.
Find this:
<!-- 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/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont"> $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"> $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"> $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&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 -->
[I]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
<img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts
<img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum
<img src="$stylevar[imgdir_statusicon]/forum_link.gif" alt="links" align="middle" border="0" /> Links
</td>
</tr>
</table>
</tr>
</table>
<!-- / icons and login code -->
You can change the background and border colors to match your style's colors, or delete if not needed.
Notice that I added the forum link image and deleted the login code. It's not really necessary to have the login/logout code there, IMO, since it is already located on the navbar.
__________________________________________________ __________________________________
Open Forumdisplay
Find this:
<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/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>
<td class="smallfont"> $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"> $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"> $vbphrase[forum_is_closed_for_posting]</td>
</tr>
</table>
</td>
</tr>
</table>
[I]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
<img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts
<img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum
<img src="$stylevar[imgdir_statusicon]/forum_link.gif" alt="links" align="middle" border="0" /> Links
</td>
</tr>
</table>
Just below that, find:
<!-- / icon key -->
Below, add:
<br />
<br />
This prevents the icons from sitting on top of the forum jump menu on forumdisplay.
Enjoy
(hahaha, my first vB tutorial... whoda thunk it!)

