How do I add an image to the bottom of each category?

[Markjpx]

I would like each of my categories to have an image above and below, like a border or frame.

I have space between each category, from a mod here.

I figured out how to add an image to the forumbit_level1_nopost for the top of each catergory.

But how do I add an image after the last forumbit_level2_post and before the next forumbit_level1_nopost?

How will it know that a category has ended?


I dunno... Did any of that make sense?

[Dewayne]

Take a screenshot then add what you are trying to do, so we can get a better idea of what it is.

[Markjpx]

Thanks

Here is a screenshot as requested.

You can see I have an image for each category header. I'd like to add a small image beneath the last forum of each category to balance out the look. Example: beneath the forum titled Public Server Info, then beneath Ridiculous Onion, then beneath About this Site, etc.





The category header image was pretty simple. I added a table to my forumhome_forumbit_level1_nopost template:

</table>
</td></tr></table><br>

<table align="center" cellpadding"0" cellspacing"0" border="0" width="96%">
<tr id="cat">
    <td align="center" height="35" width="96%" bgcolor="{categorybackcolor}" background="{imagesfolder}/tus_nunscafe_forumtop2.gif" colspan="6"><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont color="{categoryfontcolor}"><b>$forum[title]</b></normalfont></a>
    <br><smallfont color="{categoryfontcolor}">$forum[description]</smallfont></td>
</tr>
</table>

<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">

<tr align="center">
  <td bgcolor="{tableheadbgcolor}"><smallfont>&nbsp;</smallfont></td>
  <td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>Forum</b></smallfont></td>
  <td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Posts</b></smallfont></td>
  <td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>Threads</b></smallfont></td>
  <td bgcolor="{tableheadbgcolor}" nowrap><smallfont color="{tableheadtextcolor}"><b>Last Post</b></smallfont></td>
  <td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>Moderator</b></smallfont></td>
</tr> 

But I don't know how to code the bottom table graphic so it would know when and where to place the image after the last forum of each category.

Yaxay has something similar, I guess, beneath each of it's categories, to get an idea.

[Dewayne]

This is the default forumbit_level2_post:

<tr id="cat">
  <td bgcolor="{categorybackcolor}"><smallfont>&nbsp;</smallfont></td>
  <td bgcolor="{categorybackcolor}" colspan="5">
   <a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont color="{categoryfontcolor}"><b>$forum[title]</b></normalfont></a>
   <br><smallfont color="{categoryfontcolor}">$forum[description]</smallfont></td>
</tr> 

I'm not exactly sure about this, but if you were to put:

<tr>
    <td align="center" colspan="6"><img src="{imagesfolder}/image.gif"></td>
</tr> 

after the forumbit_level2_post it should give you what you want. Although you would have to change a few things to your liking (image to whatever image you want ). I didn't test this, but I don't see why it wouldn't work.

[Markjpx]

I didn't try that either, but I think it will display an image after every level2_post and not just the level2_post that comes as the last forum in the category.

[Dewayne]

Wait you're right.
I got it now.
I'm assuming you're using the seperate categories template change. So you should have something like:

</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">
<tr id="cat">
    <td bgcolor="{categorybackcolor}" colspan="6"><normalfont color="{categoryfontcolor}"><b><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]">$forum[title]</a></b></normalfont></td>
</tr> 

(may be different of course, this is my template)

Before the < / table > tag at the top add:

     <tr>
          <td colspan="6" bgcolor="whatever" background="{imagesfolder}/image.gif"><img src="{imagesfolder}/image.gif"></td>
     </tr> 

Changing the images and bgcolor of course. That should do what you want, at least I hope.

[Markjpx]

I think you're right. I'll try it and post the results.

Thanks DeWayne

[Markjpx]

Hey Dewayne, this situation ended up over at vbulletin.org in this thead:

http://www.vbulletin.org/forum/showthread.php?s=&threadid=38085

In case you wanted to follow along. I managed to muck the thing up quite nicely, thank you very much.

heh.