Back to vBulletin 3.8 Add-ons

Top Banner for VB 3.x by BOP5
Mod Version: 1.00, by BirdOPrey5

vB Version: 3.8.x Rating: (1 vote - 5.00 average) Installs: 12
Released: 31 Dec 2010 Last Update: Never Downloads: 62
Not Supported Uses Plugins Auto-Template Re-usable Code Translations  

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:

HTML Code:
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
Right before the closing > ADD the following code:

HTML Code:
style="background : url('/forums/images/misc/yourbanner.jpg'); background-size: 100% 120px;"
This will give you something like:

HTML Code:
<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.

Download

File Type: %1$s Top Banner for VB3 by BOP5.zip (407.5 KB, 100 downloads)

Screenshots

Click image for larger version
Name:	topbanner_ss0.jpg
Views:	234
Size:	140.1 KB
ID:	125035   Click image for larger version
Name:	topbanner_ss1.jpg
Views:	468
Size:	82.6 KB
ID:	125036   Click image for larger version
Name:	topbanner_ss2.jpg
Views:	438
Size:	133.9 KB
ID:	125037  


vblts.ru supports vBulletin®, 2022-2024