Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.6 > vBulletin 3.6 Add-ons

Reply
 
Thread Tools
vBFlash Header (Lite) - Alternative to default vBulletin logo/header Details »»
vBFlash Header (Lite) - Alternative to default vBulletin logo/header
Version: 1.10, by syrus.xl syrus.xl is offline
Developer Last Online: Apr 2016 Show Printable Version Email this Page

Category: Major Additions - Version: 3.6.9 Rating:
Released: 03-06-2007 Last Update: 03-06-2007 Installs: 56
Template Edits
Code Changes Additional Files  
No support by the author.

vBFlash Header (Lite)


Design: Syrus XL Media ? Professional Flash Development
Support Only: http://www.digitalport.co.uk
Site Demo: [Removed by Staff]
Header size: 600x150 pixels
Revision: v1.0
vBulletin version: ALL VERSIONS - Unless vBulletin changes a lot!
Templates Edits: 2
Extra Files: 8
Full instruction manuals supplied in Text and Acrobat formats within package.

LOG:
Updated: 7th March 2007 - Updated to 1.1 - small bug in javascript code, preventing flash movie loading. Package updated with bug fixed.
headinclude template code should be this:
Code:
<script type="text/javascript" src="clientscript/flashobject.js"></script>
About
Bring your forum header to life with this ?vBFlash Header? modification. The vbFlash Header is an alternative header/logo for the default vBulletin style. It uses an easy to configure XML file to setup the header the way you want it to display the images. The package includes 5 example images, which you will need to change for your own website/forum. vBFlash Header supports multiple images, image pause and 9 transition effects. This ?Lite? version is based on a default vBulletin forum, it can be adapted to suit other custom styles quite easily. It is designed to work with fixed and fluid styles, from 800 pixels wide upwards. A dark version will be added shortly.

The flash loader only adds 7k to your page load, so it's light-weight for any forum.

Creating Your Images
Your images should be 600 pixels wide and 150 pixels high and saved in a non-progressive jpeg format. The quality of your images may vary, depending on how you want the overall look. We have created example images in Photoshop and entered the ?Website Name? text on the top layer, this gives the impression that the text is static in most of the effects, even though it is changed upon each image load.
Note: If you change an image and overwrite an example image, make sure you empty your browser cache, should the image fail to change. Browsers will cache flash animations, so this is important.

Configuring the XML file
The enclosed ?images.xml? file controls how the flash file shows the images, hence you can change a few aspects of your header. Make sure all your images are correctly labelled and are reflected within the XML file. The ?Pause? function is the delay which an image stays on view ? the default is set to 6 seconds (value=6000). Transition value can be any number between 1 and 9, if you set this value to ?0? it will randomize the effects. You may add more images by adding more image tag lines, and adding the images to the ?xheader? directory.

Installation
Upload the contents of the ?UPLOAD? folder to your forum root. If you receive a warning about overwriting the ?flashobject.js? file, you can overwrite or skip - this normally happens if you have installed previous modifications released by us (we use the flashobject.js file to correctly embed flash objects into pages - this maximizes browser compatibility).

File map:
  • forum/clientscript/flashobject.js
  • forum/images.xml
  • forum/vbflashheader.swf
  • forum/xheader
  • forum/xheader/img1.jpg
  • forum/xheader/img2.jpg
  • forum/xheader/img3.jpg
  • forum/xheader/img4.jpg
  • forum/xheader/img5.jpg

vBulletin Template Edits

You will know need to login to your AdminCP panel and follow these instructions on which templates require editing. Only 2 are required for this modification.

Style & Templates -> Style Manager -> Default Style -> Edit Templates

headinclude template


Find:
Code:
<script type="text/javascript" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script>

Before add:

Code:
<script type="text/javascript" src="clientscript/flashobject.js"></script>

Header template

Find:
Code:
<tr>
	<td align="$stylevar[left]"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
	<td align="$stylevar[right]">
		&nbsp;
	</td>
</tr>

And replace with this code:


Code:
<!-- vbFlash Header Start -->
<div id="vbheader">
Warning!!! To view enable JavaScript and Flash! 
</div>
      <script type="text/javascript">
   var fo = new FlashObject("vbflashheader.swf", "vbheader", "800", "150", "8,0,0,0", "#e1e1e2");
   fo.addParam("quality", "high");
   fo.addParam("wmode", "transparent");
   fo.write("vbheader");
</script>
<!-- vbFlash Header End -->

End of template edits.

Enjoy your new flash-based header!

Note: Adding this modification to a Portal system outside the forum root.
If you are using a portal with this modification outside the forum root you will need to make one small change to the code in the header template. The line with the "vbflashheader.swf" in will need to have an absolute path. Example: "http://www.yourdomain.com/forums/vbflashheader.swf".

Additional Notes:
This modification is fully supported at http://www.vbulletin.org ? should you require advice or help. Please note, unless you click INSTALL, your question maybe ignored.

If you require a branding free version, simply donate $30 and state the domain where it will be used upon, and an email address where we can send you the package.

Supporters / CoAuthors

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #62  
Old 05-12-2008, 12:08 AM
PenPusher1000 PenPusher1000 is offline
 
Join Date: Mar 2008
Posts: 11
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

working on 3.7.0?
Reply With Quote
  #63  
Old 05-16-2008, 11:11 PM
dune3000 dune3000 is offline
 
Join Date: Apr 2007
Posts: 48
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Any idea how I can add link to that flash logo?
Reply With Quote
  #64  
Old 05-19-2008, 11:02 PM
syrus.xl's Avatar
syrus.xl syrus.xl is offline
 
Join Date: Jun 2005
Location: In a cyber world...
Posts: 999
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by dune3000 View Post
Any idea how I can add link to that flash logo?
What do mean specifically? A home url on the actual flash movie?
Reply With Quote
  #65  
Old 05-19-2008, 11:03 PM
syrus.xl's Avatar
syrus.xl syrus.xl is offline
 
Join Date: Jun 2005
Location: In a cyber world...
Posts: 999
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by PenPusher1000 View Post
working on 3.7.0?
Yes, this will work on vBulletin 3.7.0 - the demo is running on 3.7.0
Reply With Quote
  #66  
Old 05-26-2008, 04:03 AM
mark|3 mark|3 is offline
 
Join Date: Oct 2007
Posts: 186
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

it does not work in firefox. it aligns to the left instead of center. any help wil be appreciated thanks
Reply With Quote
  #67  
Old 05-26-2008, 07:08 AM
syrus.xl's Avatar
syrus.xl syrus.xl is offline
 
Join Date: Jun 2005
Location: In a cyber world...
Posts: 999
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by mark|3 View Post
it does not work in firefox. it aligns to the left instead of center. any help wil be appreciated thanks
It is designed to replace the existing vBulletin logo which is left-aligned. You can easily center the flash movie by adding a new div, using the code below:
Code:
<!-- vbFlash Header Start -->
<div align="center">
<div id="vbheader">
Warning!!! To view enable JavaScript and Flash! 
</div>
      <script type="text/javascript">
   var fo = new FlashObject("vbflashheader.swf", "vbheader", "800", "150", "8,0,0,0", "#e1e1e2");
   fo.addParam("quality", "high");
   fo.write("vbheader");
</script>
</div>
<!-- vbFlash Header End -->
Hope that helps.
Reply With Quote
  #68  
Old 05-26-2008, 09:08 AM
mark|3 mark|3 is offline
 
Join Date: Oct 2007
Posts: 186
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

thanks alot cyrus
Reply With Quote
  #69  
Old 08-17-2008, 10:09 PM
vbboarder's Avatar
vbboarder vbboarder is offline
 
Join Date: Jun 2008
Location: Silicon Valley, CA
Posts: 417
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

This mod does not work in Firefox 2. The fix requires the Flash object to have transparent wmode.

Solution: FIND in Header template:
Quote:
fo.addParam("quality", "high");
Before that, ADD:
Quote:
fo.addParam("wmode", "transparent");
Save the edited template and the Flash Header should now show.
Reply With Quote
  #70  
Old 08-18-2008, 09:25 AM
syrus.xl's Avatar
syrus.xl syrus.xl is offline
 
Join Date: Jun 2005
Location: In a cyber world...
Posts: 999
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by vbboarder View Post
This mod does not work in Firefox 2. The fix requires the Flash object to have transparent wmode.

Solution: FIND in Header template:


Before that, ADD:


Save the edited template and the Flash Header should now show.
Thanks vbboarder... I'll add this parameter. Strangely enoughly it must be one I've missed, however most people do not have DHTML menus above the header, but if they do then certain dropdowns would drop behind this flash object.

Regards.
Reply With Quote
  #71  
Old 08-20-2008, 10:23 PM
vbboarder's Avatar
vbboarder vbboarder is offline
 
Join Date: Jun 2008
Location: Silicon Valley, CA
Posts: 417
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lighting90 View Post
Went back to the site today, to find that the header is not showing the pictures on the home page, but it does show a blank box with "powered by vBflash Headers"

See attachment.

Have tried also adding the full path to the XML file as well... still no joy...

If anyone else has got it working, let me know... all works fine in the main forum pages....

Most likely I have missed something somewhere... been a novice...
Quote:
Originally Posted by syrus.xl View Post
It requires the full path to the flash file to work inside a portal. I did add the instructions how to do this earlier.

But here's what you'll need to do.

Find the following line in javascript call within the header template:
Code:
   var fo = new FlashObject("vbflashheader.swf", "vbheader", "800", "150", "8,0,0,0", "#e1e1e2");
You'll see "vbflashheader.swf" - you will need to prepend this file with the full url to the flash file, for example:
"http://www.domain.com/forums/vbflashheader.swf"

This ensures the code looks in the correct directory for the flash file. The XML file should be automatically picking up the images if you haven't changed the xheader folder name.

Hope that helps!

I also could not get the images to display when vbAdvanced is not at the forum root (ie: one directory above forum root). It appears that the vbflashheader script loads but cannot display the images (the powered by vbFlash Headers shows, but no images). Solution:

Since the vbflashheader.swf uses a relative path to link to the images.xml file, you need to copy the images.xml file and xheader folder to the portal directory (ie: one directory above forum root). Optional: if you don't want to move the xheader folder (but still need to move images.xml), then you'll need to change the image paths to absolute paths in images.xml. Your images should now display on the portal page
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 08:23 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08273 seconds
  • Memory Usage 2,329KB
  • Queries Executed 26 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (7)bbcode_code
  • (8)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete