vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)
-   -   How do I add a banner to a forum title? (https://vborg.vbsupport.ru/showthread.php?t=265860)

Paul O 06-27-2011 12:12 PM

How do I add a banner to a forum title?
 
Hello everyone,

I have been searching for hours on this, but haven't found a solution as yet (maybe I am searching for the wrong terms).

I am using vb 3.8.5 and want to add a banner (or an image really) to the forum listings. Is this possible? Screenshot mockup below of what I would like to achieve. Any help very much appreciated on this.

Thanks!

Paul.

http://supercardriver.com/temp/bannerexample.jpg

BirdOPrey5 06-27-2011 12:34 PM

The easiest way is you can add HTML to the forum description box in forum manager. So just add an html <img> tag to the banner and it will show up where you want... you can center it with basic HTML.

Paul O 06-27-2011 05:01 PM

Perfect! Thanks! :)

GavoTrav 06-27-2011 11:04 PM

BOP5 Already answered but yeah its as simple as doing this

Image and Link
HTML Code:

<center><a href="link/to/board"><img src="path/to/image.png"></a></center>
No link:
HTML Code:

<center><img src="path/to/image.png"></center>
In the section description.

Also be careful on custom skins in case the image is to big.

Dan49 03-25-2014 03:47 AM

Using the above code the banner is positioned under the forum title, centered horizontally. How to get the banner to the right of the forum title, so the title stays centered vertically?

BirdOPrey5 03-25-2014 09:27 AM

May be a little trial and error but get rid of the <center> tags...

Make the image code either at the beginning or end of the other text-

Try maybe

Code:

<div style="float:right;"><img src="path/to/image.jpg" alt="alt text" /></div>
See how close to centered that is and may need some inline css to get it vertically centered better.

Dan49 03-25-2014 02:13 PM

Thanks but the code you provided doesn't do it. I don't know how to adjust it.

I'm looking for the forum title to stay as it was before adding the banner, centered vertically in the table and aligned to the left. The banner should be to the right of it, centered vertically as well. And centered horizontally in the space to the right of the title.

Simon Lloyd 03-25-2014 07:35 PM

Quote:

Originally Posted by Dan49 (Post 2489405)
Using the above code the banner is positioned under the forum title, centered horizontally. How to get the banner to the right of the forum title, so the title stays centered vertically?

It depends on the <tr> and <td> tags as to which one you put the banner in, what the set width is for them...etc

Dan49 03-26-2014 04:55 AM

Can I please get a more specific answer? This would be the code to put in the "description" field when editing the forum. It's under the title field. Unless it can't be done to look the way I want through "description". In that case how do I add the banner in that location?

BirdOPrey5 03-26-2014 05:22 PM

My code was supposed to go in the description field. Maybe you can give us a link or screen shot to see what it looks like now?

Dan49 03-27-2014 12:08 AM

This is how it looks with your code. The white rectangle is the banner. I'd like the title and banner moved in the direction of the arrows.

https://vborg.vbsupport.ru/external/2014/03/5.jpg

Dan49 03-29-2014 03:29 AM

No help?

BirdOPrey5 03-29-2014 10:40 AM

You can add some CSS to the box... it's going to be a trial and error kind of thing to play with.

Code:

<div style="float:right; width:100px; height:30px; position:relative; top:-10px; left:-10px;"><img src="path/to/image.jpg" alt="alt text" /></div>
First change the height and width the the height and width in pixels of your image. Then play with the values of top and left to see if you can get it where you want.

There's no way to just know what code will work for you from a screenshot.

Dan49 03-29-2014 08:34 PM

Thank you.

With your last code I was able to position the banner where I want it. But the forum title is still pushed up. I included the forum title under it so you can see how the rest of them look like without a banner. Also the table is now taller than the rest. Is there a way to fix it so it matches the other forum titles?

https://vborg.vbsupport.ru/external/2014/03/2.jpg


All times are GMT. The time now is 04:54 PM.

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.01124 seconds
  • Memory Usage 1,744KB
  • 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
  • (2)bbcode_code_printable
  • (2)bbcode_html_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (14)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