View Full Version : Forum category headers
Skyed
07-12-2007, 03:04 AM
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
07-12-2007, 11:20 AM
What exactly are you looking to do?
Left and right corners with a background in the center?
Norco
07-12-2007, 06:55 PM
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.
https://vborg.vbsupport.ru/
Now, here is a forum I've seen, which (I don't know if it uses 3 images) but could be using 3.
https://vborg.vbsupport.ru/
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
07-12-2007, 08:30 PM
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.
http://img165.imageshack.us/img165/6388/26237675le4.png
Now, here is a forum I've seen, which (I don't know if it uses 3 images) but could be using 3.
http://img165.imageshack.us/img165/7159/57068007gx2.png
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
07-13-2007, 03:19 AM
I don't think anyone knows here.. hm. Ive been trying different things, but I can't seem to get it, sadly.
TheMilkCarton
07-13-2007, 03:24 PM
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
07-13-2007, 04:57 PM
Don't forget to place them above the table border (tborder).
Norco
07-18-2007, 06:16 PM
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
07-18-2007, 08:18 PM
Without looking Id say you do that in FORUMDISPLAY.
No I think forumhome_forumbit_level1_nopost is right in this case.
Thanks,
Mat.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.