Forum category headers

[Skyed]

I need help adding 3 pieces of image for my category strips. Whats the code to do it? Where do I add the code? Do I add tables?

Thanks!

[cyberphr]

What exactly are you looking to do?
Left and right corners with a background in the center?

[Norco]

Coincidently, I am looking to do the same thing on my board, as well! This is what I am trying to accomplish..

The image below shows how I want, each red box represents a different image.


Now, here is a forum I've seen, which (I don't know if it uses 3 images) but could be using 3.


I don't want 1 full image, because apparently it could cause some problems, so 3 would be better. Understand what I am trying to say?

I installed a hack on my forum to separate all the main forum categories into its own box. They all can be the same.

[Skyed]

Originally Posted by Norco

Coincidently, I am looking to do the same thing on my board, as well! This is what I am trying to accomplish..

The image below shows how I want, each red box represents a different image.


Now, here is a forum I've seen, which (I don't know if it uses 3 images) but could be using 3.


I don't want 1 full image, because apparently it could cause some problems, so 3 would be better. Understand what I am trying to say?

I installed a hack on my forum to separate all the main forum categories into its own box. They all can be the same.

That's exactly what I'm searching for. Can anyone help?

[Norco]

I don't think anyone knows here.. hm. Ive been trying different things, but I can't seem to get it, sadly.

[TheMilkCarton]

Originally Posted by Norco

I don't think anyone knows here.. hm. Ive been trying different things, but I can't seem to get it, sadly.

Not true. Most people here just don't want to take the time to explain.

I'm one of them, so here's a general idea:

1) First you need to split the top into a completely different table.
2) Add 3 <td>'s
3) Make the middle image (the tileable one) the background of the middle TD
4) Make two corner images and use <img src=""> to put them inside the left and right <td>'s. (or if you need to use spacer GIFs to position the TCAT text, you'll have to make them background-images with CSS, and use the <img src=""> for the spacer GIFs)
5) Then you'll have to use padding or spacer images (transparent GIFs) to position the tcat text into the correct position.

The example you gave is a little more complex than that, as it puts that fake dropshadow on the edges (meaning you'd need shadows on each side of the whole table), and the tcat is alot wider than the rest of the table.

[cyberphr]

Don't forget to place them above the table border (tborder).

[Norco]

Originally Posted by TheMilkCarton

Not true. Most people here just don't want to take the time to explain.

I'm one of them, so here's a general idea:

1) First you need to split the top into a completely different table.
2) Add 3 <td>'s
3) Make the middle image (the tileable one) the background of the middle TD
4) Make two corner images and use <img src=""> to put them inside the left and right <td>'s. (or if you need to use spacer GIFs to position the TCAT text, you'll have to make them background-images with CSS, and use the <img src=""> for the spacer GIFs)
5) Then you'll have to use padding or spacer images (transparent GIFs) to position the tcat text into the correct position.

The example you gave is a little more complex than that, as it puts that fake dropshadow on the edges (meaning you'd need shadows on each side of the whole table), and the tcat is alot wider than the rest of the table.

I do this in?
forumhome_forumbit_level1_nopost

[Twilkey]

Without looking Id say you do that in FORUMDISPLAY.

[Nutz]

No I think forumhome_forumbit_level1_nopost is right in this case.

Thanks,
Mat.