vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=235)
-   -   Miscellaneous Hacks - Top Banner for VB 3.x by BOP5 (https://vborg.vbsupport.ru/showthread.php?t=256232)

BirdOPrey5 12-30-2010 10:00 PM

Top Banner for VB 3.x by BOP5
 
1 Attachment(s)
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.

BirdOPrey5 12-31-2010 03:36 AM

Reserved.

Manoel J?nior 12-31-2010 01:07 PM

1 Attachment(s)
Very, very nice!!

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

Attachment 125062

BirdOPrey5 12-31-2010 02:39 PM

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

<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
And I changed it to:
HTML Code:

<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 01-01-2011 10:18 AM

Thanks Bird..

5 stars

Eduardo Leon 01-01-2011 05:48 PM

yeah installed and tagged ^^ !

Nirjonadda 12-27-2012 08:59 PM

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

BirdOPrey5 12-29-2012 06:47 PM

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:

Code:

url(images/misc/background_bk.jpg)

Nirjonadda 12-29-2012 07:28 PM

Quote:

Originally Posted by BirdOPrey5 (Post 2393446)
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:

Code:

url(images/misc/background_bk.jpg)

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

matrex722 01-07-2013 04:17 PM

nice work


All times are GMT. The time now is 01:45 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.02243 seconds
  • Memory Usage 1,739KB
  • 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
  • (5)bbcode_html_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete