Is it possible to have Different category Images Rather Than Text

[mcyates]

Is it possible to have a different category image for each forum category as i want to use them instead of the Text.

So in stead of having work cup forum like i have on www.myfootballforum.com;

This is what its like at present:


But i want it like this:


Thanks in advance

[Freesteyelz]

Just replace your Category text with the HTML bit. I haven't tried using "style..." (for background use) but I did use <img src=... /> and it worked.

[mcyates]

thank you.

[mcyates]

here is what i did its my forumhome_forumbit_level1_nopost

[SaintDog]

Using IF statments may be handy if you have only a few forums, however, why add more code than you really need? Using the $forumid variable and the background CSS attribute, you can do the exact same thing with even less .

PHP Code:


style="background: #FFFFFF url("./path/to/images/$forumid.gif"); 


This basically enters the forum id as the name of an image and calls it from a directory of your choosing. You can limit this to simply categories, or have a background for every forum using this, depending on where you place the coding.

Simply create a directory, fill in the path, make sure the images are named accordingly for the forums and insert/save the code to the template.

[Scrolls]

Im trying to use this as my first forum category style bar

imma use diff stylebars for each category of course....how do i do this?

There have been explinations, but i dont understand anyone of those

[Freesteyelz]

Which method you were thinking of using?

[Scrolls]

shit...both are confusing! lmao
I was hoping i could get someone who knows what they doin, to do it right quick for me

[Freesteyelz]

We've listed 3 different methods but I'll use Saintdog's approach, since mcyates has provided a hack (see his attachment and hack thread) and mine is more of a quick fix.

This will be lengthy to allow me to explain the method.

Each forum has an ID. When you create a forum an ID will be assigned to it. Here is my first category:

Forum: What's The 411? (id: 2)

My Forum ID above is "2". What Saintdog suggests is that using the forum ID's you can use one code to assign a different image for each forum category. This is how it works:

In your "forumhome_forumbit_level1_nopost" template (located inside the Forum Home Templates find the code:

<tbody>
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">

And replace it with:

<tbody>
	<tr>
		<td class="tcat" style="background:#000000 url(/path/to/images/$forumid.gif) no-repeat top left" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">

1. Change the color #000000 to whatever you want.
2. The "./path/to/images/" is the directory where your background image will be located in.
3. The "$forumid" is the number assigned to the forum.
4. If you want the background image to repeat change "no-repeat" to "repeat".

Since my first category is Forum ID 2 I'll name the background image I want to use for that forum to "2.gif". Ill place "2.gif" in the image directory I specified. For each forum category you want to have a background image just name it as the Forum ID. Such as:

forum ID 2 = 2.gif (or use .jpg)
Forum ID 3 = 3.gif
Forum ID 6 = 6.gif

And so on...

Let us know on your progress.

[Scrolls]

<tbody>
<tr>
<td class="tcat" style="background:#000000 url(/path/to/images/1.gif) no-repeat top left" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">

this is the code i ended using for my first forum category image (the path on my server would be public_html/forums/images/Files/1.gif) all that happened was every background for all the categories became black (i even changed the background color number, but it just went back to its usual gray color)