Horizontal Forum Markers

S

Shahrukh Khan

New Member
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:
Code: 
<!-- 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.png" 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.png" 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.png" 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[align=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 -->

REPLACE with:

Code: 
[LEFT]<!-- icons and login code -->[/LEFT]

 
 
 
[LEFT]<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.png" alt="$vbphrase[contains_new_posts]" align="middle" border="0" /> New posts &nbsp; &nbsp;
        <img src="$stylevar[imgdir_statusicon]/forum_old.png" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts &nbsp;&nbsp;
        <img src="$stylevar[imgdir_statusicon]/forum_old_lock.png" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum &nbsp;&nbsp;
<img src="$stylevar[imgdir_statusicon]/forum_link.png" alt="links" align="middle" border="0" /> Links 
</td>
    </tr>
  </table>
</tr>
</table>[/LEFT]

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

Save


Now open FORUM DISPLAY template

Find:
Code: 
<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.png" 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.png" 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.png" 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:
Code: 
<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.png" alt="$vbphrase[contains_new_posts]" align="middle" border="0" /> New posts &nbsp; &nbsp;
            <img src="$stylevar[imgdir_statusicon]/forum_old.png" alt="$vbphrase[contains_no_new_posts]" align="middle" border="0" /> No new posts &nbsp;&nbsp;
            <img src="$stylevar[imgdir_statusicon]/forum_old_lock.png" alt="$vbphrase[a_closed_forum]" align="middle" border="0" /> A locked forum &nbsp;&nbsp;
     <img src="$stylevar[imgdir_statusicon]/forum_link.png" alt="links" align="middle" border="0" /> Links 
</td>
        </tr>
      </table>

Just below that code

Find:
Code: 
<!-- / icon key -->

BELOW, add:
Code: 
<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!
 
dude.. post some SCREENSHOTS ... come on bro, use your noggin, no one is gonna want to use most cosmetic mods with out a freaking screenshot lol

Thx
 
You must log in or register to reply here.
Back
Top