Miscellaneous Hacks - Top Banner for VB 3.x by BOP5

vBulletin 4.x users have a stylevar they can set to easily include a banner in the header that stretches the width of the window and is behind the logo. Now vBulletin 3.x users will have the same option.

This mod will let you specify a banner image to use in the header behind the logo and behind any banner ads you may have. See the screenshots for a better explanation.

In addition you can optionally specify 2 images, one to display during the "Daytime" and one at "Night" as determined by the user's local time zone settings in vBulletin.

In either case the banner auto-resizes to the width of the browser window. I find a banner approximately 1280 pixels wide looks decent in most browser resolutions. The height of the banner is manually set in the mod options.

Full instructions in the text file in the .zip file.

Tested With vBulletin 3.8.6 and should work with earlier versions.

Demo: http://www.juot.net/forums/

Please Mark as Installed if you use this.

Two images are included in the zip file, a "Brick Wall" demo banner image you can use to test the mod and a replacement for the default vBulletin 3 logo with a transparent background so if in the unlikely event you still used the default logo this one will work better- as shown in the screenshot with the default logo.

NOTICE: If you use a customized style the auto template edits made by this mod might fail. If that is the case you can manually edit the header template.

Find the first <table> tag in the header template. it will be close to but not exactly this:

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

Right before the closing > ADD the following code:

style="background : url('/forums/images/misc/yourbanner.jpg'); background-size: 100% 120px;"

This will give you something like:

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" style="background : url('/forums/images/misc/yourbanner.jpg'); background-size: 100% 120px;">

Remember to change yourbanner.jpg to your banner image, and change 120 to the height, in pixels of the banner image.

[BirdOPrey5]

Reserved.

[Manoel J?nior]

Very, very nice!!

Leveraging ... How do I make this menu in my forum?

Attachment 125062

[BirdOPrey5]

The top row of images are just small graphics I added to the navbar menu via a template edit...

The original code for example for the calendar was:

<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>

And I changed it to:

<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]"><img src="/forums/images/nav/60_calendar.gif" alt="$vbphrase[calendar]" border="0" /><br />$vbphrase[calendar]</a></td>

I made the same edits for each of the navbar menu options... (FAQ, Community, Search, etc...)

The bottom bar is a bit more complicated, I'm not really sure I could explain it well enough so I never "released" it here but basically it's all an additional table in the navbar template... Since I had already designed individual status icons for each forum category on my forum I manually added the status icon for each forum as a link to each forum in this new table- each icon is in it's own table cell so it resizes correctly when the browser is resized.

[Manoel J?nior]

Thanks Bird..

5 stars

[Eduardo Leon]

yeah installed and tagged ^^ !

[Nirjonadda]

Please can you update this mod? without manual template edit for work on 4.1.10

[BirdOPrey5]

You don't need this mod for VB 4.1.10-

On VB 4.1.10 just use the stylevar header_background in the Stylevar Editor in Style Manager.

In the background URL include something like:

url(images/misc/background_bk.jpg)

[Nirjonadda]

Originally Posted by BirdOPrey5

You don't need this mod for VB 4.1.10-

On VB 4.1.10 just use the stylevar header_background in the Stylevar Editor in Style Manager.

In the background URL include something like:

url(images/misc/background_bk.jpg)

That way not working ? I didnot see any background images.

[matrex722]

nice work