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:
http://img470.imageshack.us/img470/797/oldbar8yw.jpg

But i want it like this:
http://img470.imageshack.us/img470/8633/mfftopbar9yx.jpg

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 :).



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]

http://img190.imageshack.us/img190/9188/welcome5mi.gif

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)

[Freesteyelz]

You'll need to remove "public_html" so the code you should be using is (don't change the $forumid below):


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


You can also remove "#000000" in the code. It's not necessary for it to work. :)

*IMPORTANT: For it to work properly do not change "$forumid.gif" in the above code. Only the image name will be changed. In your case since you're using Forum ID 1 name the image file to "1.gif". Again, not the code. :)

[peterska2]

If it is an entire image that you wish to use for the category or forum name then instead of entering text in the forum title box in the forum manager use the following

<img src="PATH TO IMAGE" border="0" alt="FORUM/CATEGORY TEXT NAME" />

[Freesteyelz]

Err...Post #2. :)

[peterska2]

Err...Post #2. :)

I know, I saw it. Just detailing the enter code required really.

[Freesteyelz]

I hear ya. :classic:

[Scrolls]

LMAO

:( im sooooo damned dumb when it comes to this

this is what i did LMFAO
http://www.hiphopscrypt.com/forums/index.php?styleid=20

it resized my forums and everything lmao :(
( i used the img code for my forum manager forum cat names)

[Freesteyelz]

It's a learning process. Don't be hard on yourself. :)

Peterska2 was right to assume that you wanted to use an image instead of background image. For it to work properly the image itself needs to be the exact size of the width and height of tcat. In your forum you can see the result when the image is of a different size. Also, remove the category text with the image tag. You don't need "The 6th Elements Of Hip-Hop there". :)

Ohh...And btw. I think there is more than 6 elements of Hip-Hop. :D