vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)
-   -   Forum category headers (https://vborg.vbsupport.ru/showthread.php?t=152019)

Skyed 07-12-2007 03:04 AM

Forum category headers
 
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

Quote:

Originally Posted by Norco (Post 1289376)
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

Quote:

Originally Posted by Norco (Post 1289689)
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

Quote:

Originally Posted by TheMilkCarton (Post 1290026)
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.

Nutz 07-18-2007 09:40 PM

No I think forumhome_forumbit_level1_nopost is right in this case.

Thanks,
Mat.


All times are GMT. The time now is 10:26 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01073 seconds
  • Memory Usage 1,731KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete