vBFlash Header (Lite) - Alternative to default vBulletin logo/header

[syrus.xl]

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:
<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:
<script type="text/javascript" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script>


Before add:

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


Header template

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


And replace with this 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!

[B]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.

[syrus.xl]

<font size="4">FAQ Section</font>

I see this error instead of the flash movie 'Warning!!! To view enable JavaScript and Flash!', what does it mean?
This error may show if you have made a mistake on uploading the flashobject.js file or have not added the template edit to call the flashobject.js. You may not have the latest version of the flash player installed in your browser. Since this modifcation was designed using Flash 8.0 - your player must be version 8.0 or higher. Check these first before posting a question about this error. It is coded to help people debug the modifcation.

The flash movie loads without any images
Check the paths to your image directory, also check you have not mistyped the image directory name in the XML file. The default directory is 'xheader', but you can change this to anything you wish, as long as its reflected in the XML file.

Images still do not load after doing all checks in the above FAQ
Make sure you have not saved your images as progressive jpeg's - this is a quite common mistake.

[DJ XtAzY]

your site not workin? =p

[projectego]

/me clicks install

[nitro]

Not sure if the flash header is on that styleid with the Beta Demo: url ? Is it the same header as in your portal ? Which is looking very nice. :)

[syrus.xl]

Not sure if the flash header is on that styleid with the Beta Demo: url ? Is it the same header as in your portal ? Which is looking very nice. :)

Strange, it should be working - I just checked it. It is very similar to the one used on the main page of the site's portal, however a blue alpha was applied to that one.

:confused:

EDIT: Fixed the Demo - forgot to allow unregistered to view other styles... oops!:o

[cutoi]

Installed, I can see demo. Very nice

[zincpony]

i installed it but it keeps telling me to enable java script and flash

[Hamma]

Pretty nice! ;)

I will have to wait for a black version to give it a try.

[zincpony]

<a href="http://boostedmustangs.com/vbtester/index.php" target="_blank">http://boostedmustangs.com/vbtester/index.php</a>

[Ntfu2]

http://boostedmustangs.com/vbtester/index.php


Tells me to get flash player and enable javascript. Both of which i have, you may want to check on it..

[syrus.xl]

I'm updating this now... part of the javascript call path is incorrect.

Sorry, will be done within a few minutes

[syrus.xl]

Package and instructions all updated. Javascript bug now fixed. :)

[zincpony]

Tells me to get flash player and enable javascript. Both of which i have, you may want to check on it..

i know i did what he said and i got that. and i was just showing the error.

[shedevil]

Cool idea! *Installed* - great mods you make:)

[syrus.xl]

Cool idea! *Installed* - great mods you make:)

Thanks!:) Got some new addons for some of these modifications, which I'll be adding very soon.:D

[Lighting90]

Looks good, and the description of the pro versions sounds just what we are looking for...

[Lighting90]

Quick question, we notice that the headers do not show up on our home page, which is created using Vbadvanced CMPS v2.2.0. It just shows a blank header.

Do we need to reinstall CMPS or is this a bug?

We haven't installed it on our livesite as yet... (still creating images to use...)

[syrus.xl]

Quick question, we notice that the headers do not show up on our home page, which is created using Vbadvanced CMPS v2.2.0. It just shows a blank header.

Do we need to reinstall CMPS or is this a bug?

We haven't installed it on our livesite as yet... (still creating images to use...)

No, it's not a bug. If you're using vBa CMPS then the relative urls in the header code will need to be changed to absolute urls, otherwise it will be looking for files in the incorrect directories.

[syrus.xl]

Looks good, and the description of the pro versions sounds just what we are looking for...

Yeah, a navbar will be added and active links (number will depend on how many you enter in the XML). Should be available very soon hopefully. :)

[Lighting90]

No, it's not a bug. If you're using vBa CMPS then the relative urls in the header code will need to be changed to absolute urls, otherwise it will be looking for files in the incorrect directories.

Thanks, I got it working now...

Have to sort out my images and then put it on my live sites...

[MrPHD]

Nice, Installed and Working. Thanks

You can see here www.evorafm.net/forum

[syrus.xl]

ADDED: Details on how to add this modification so it works 'site-wide' including portals.

[Lighting90]

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... :)

[syrus.xl]

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:
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! :)

[Lighting90]

That is what I have done, and the result is as you see it. The strange thing is, it worked when I first did it, and then when I went back the following day it was no longer loading the images. Yet the work and load okay on the forum pages...

I will have a check of all the other settings, just in case I change something else by mistake... (happens a lot to me... :D hence the test forum... )

Will let you know if I find anything...

[syrus.xl]

That is what I have done, and the result is as you see it. The strange thing is, it worked when I first did it, and then when I went back the following day it was no longer loading the images. Yet the work and load okay on the forum pages...

I will have a check of all the other settings, just in case I change something else by mistake... (happens a lot to me... :D hence the test forum... )

Will let you know if I find anything...

Depending on which browser you use and how its configured, you may need to empty your cached files. Any changes may not be seen at first, if the browser is pulling the flash header from the cache instead of the server.

I use Firefox, and set to on close delete cached files.

[Lighting90]

Well, I have worked out what is happening, as it also happens to some links on the same page(but not all of them,) it adds in my site address twice for some things.

So I suspect it is adding in the site address in double for the images... I will find the problem eventually...:)

[syrus.xl]

Well, I have worked out what is happening, as it also happens to some links on the same page(but not all of them,) it adds in my site address twice for some things.

So I suspect it is adding in the site address in double for the images... I will find the problem eventually...:)

Sounds like you may have a replacement variable set wrong. It could be style, code or template related though. Strange why it happens on this modification though, since it doesn't use any variables as such.

:)

[Atakan KOC]

Thanks........

[syrus.xl]

Thanks........

You're welcome! :D

[aakhan136]

Thanks on my forum it is working good -> www.hotdesiforum.net/forum

[dune3000]

........vbFlash Header.zip: Unexpected end of archive
that just me or the zip file?

[syrus.xl]

........vbFlash Header.zip: Unexpected end of archive
that just me or the zip file?

I just checked the .zip file and it's working fine using Compressed Folders in Windows XP.

Perhaps you should try a program like WinZip - for unzipping the file contents, I can't understand why you would receive an EOF error. :confused:

[dune3000]

I no idea why I have this error I used winrar, winzip , and vista unzip
trying to download few times to different folder still have
Error:
Cannot open this file it does not appear to be invalid archive
If you downloaded this file try downloading this file again

Thank you,

PS : is there any-alternative location for downloading?

[syrus.xl]

I have this uploaded to a few sites, but they require several postings before you can download it. If you PM me your a valid email address I'll send it to you, if you still can't get it open then I'll repack it for you.

[ltjman22]

I have redone the urls in the templates to match where the files are located! Yet, the logo still does not work for vbcmps? Any ideas? Thanks

[dune3000]

all working fin now thx

[syrus.xl]

Supported only on www.digitalport.co.uk - Due to a lot of custom work being done. Any updates will be added here, but not supported.

[haytham]

Hi,
I can't find the header code.
Header template

I am not using the default style. Could I send you my header and if you have time, see where I can add the code? Thanks

[haytham]

ok never mind. I just added the your code under "logo". Thanks. I'll go play with the images. Just 1 question. Can't I change the width? I'd like to make it 800.

[syrus.xl]

I just checked your sites source code, and received some strange errors (they only show up in Firefox Web Developer tools).

PM me the header code and I'll have a look. It's hard to tell just from the source code.

[syrus.xl]

ok never mind. I just added the your code under "logo". Thanks. I'll go play with the images. Just 1 question. Can't I change the width? I'd like to make it 800.

You might find it will stretch images at 800px and pixelate.

[haytham]

I just sent you the header with a question about an empty space on the right. Thanks in advance.

[MDK-Indy]

Salü,

How i can the Background on the right side make Black.

Sorry for my english ;-)

Greeting Indy

[syrus.xl]

I just sent you the header with a question about an empty space on the right. Thanks in advance.

PM'd replied to...

Sal?,

How i can the Background on the right side make Black.

Sorry for my english ;-)

Greeting Indy

It was designed specifically for a 'virgin' vBulletin board with no color alterations, as most mods are. However, I'll make a black version a little later.

[kylek]

This is so cool!!

One question, our page background is #E4E4E4 and is very close to the color that the graphics fade to on the right hand side. Where can one adjust that color or what is the color that you have there now so we can adjust our page background to match?

Thanks!!

[syrus.xl]

This is so cool!!

One question, our page background is #E4E4E4 and is very close to the color that the graphics fade to on the right hand side. Where can one adjust that color or what is the color that you have there now so we can adjust our page background to match?

Thanks!!

The background color is set within the actual flash file. It uses an alpha gradient to merge the image into the background color, this is done within a movieClip, which isn't set externally.

But I will customize it for $40 - this would include the modification being a non-branded version, resized (if required) and color HEX matched. If you're interested just PM me.

[kylek]

The background color is set within the actual flash file. It uses an alpha gradient to merge the image into the background color, this is done within a movieClip, which isn't set externally.

But I will customize it for $40 - this would include the modification being a non-branded version, resized (if required) and color HEX matched. If you're interested just PM me.

Thanks we will be getting back to you about this more, as will have several sites that will be running the vbflash header.

Another question please, one site has the forums installed in "forums" directory, we just uploaded everything and did the template edits but the images do not show, could this be because its "forums" and not "forum"? Looking but cant seem to find if there is any forum paths that can be changed.

[syrus.xl]

Thanks we will be getting back to you about this more, as will have several sites that will be running the vbflash header.

Another question please, one site has the forums installed in "forums" directory, we just uploaded everything and did the template edits but the images do not show, could this be because its "forums" and not "forum"? Looking but cant seem to find if there is any forum paths that can be changed.

It does vary from site to site, with various configurations - but making sure all paths are absolute rather than relative will usually solve this problem. The paths that need to be absolute are the headinclude edit and all references to the swf file, within the header template.

There is a code update coming very soon for this modification, which changes the way the swf file is embedded in to vbulletin. It will be updated once I've finished a couple of other jobs I got.

Hope that helps!:)

[kylek]

Well I cant get it to display so I will wait for the next update, thanks again.

[syrus.xl]

Well I cant get it to display so I will wait for the next update, thanks again.

I have released the updated version and documentation on my site, I'll be updating it on here shortly.:)

[kylek]

Well I grabbed it from the other site and there is still something weird happening, have installed it on two sites, same style, same hosting company, one works fine, the other one shows the outline of the header and your credit link - powered by vbflash headers.

Guess it must still be the "forums" directory problem. Will send a pm to you about this.

[syrus.xl]

Well I grabbed it from the other site and there is still something weird happening, have installed it on two sites, same style, same hosting company, one works fine, the other one shows the outline of the header and your credit link - powered by vbflash headers.

Guess it must still be the "forums" directory problem. Will send a pm to you about this.

If you PM me the url, and give me temp admin access I will look at it for you. Usually, it is a path issue, if no images are showing.

I'll also need to know the directory structure of where your images are, as this can be configured differently.

I'll have to look at it later, because over here is nearly 3.00am - usual daily routine! :erm:

Regards...

[citroenar]

I found that when I put code in header,then "[Ajax] Check for similar thread before posting a new one" https://vborg.vbsupport.ru/showthread.php?t=151714&page=11 stop working.

[syrus.xl]

This modification has been updated... but not yet on here. Its available on the main website.

The problem you're having is probably related to the js call used on the other modification.

[citroenar]

Can it be fixed? or I have to remove one of them.

Nevermind, I got new version and now work fine.

[thunder_sti]

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... :)



Im having this same issue. I have read and did everything accordingly. Still not working.

Same issue with: vb affiliate linking system.

Can anyone give me a hand.

Thanks

[thunder_sti]

bump.

[thunder_sti]

Thanks; syrus.xl

A+ Customer service / Support

Its now working properly:

[PenPusher1000]

working on 3.7.0?

[dune3000]

Any idea how I can add link to that flash logo?

[syrus.xl]

Any idea how I can add link to that flash logo?

What do mean specifically? A home url on the actual flash movie?

[syrus.xl]

working on 3.7.0?

Yes, this will work on vBulletin 3.7.0 - the demo is running on 3.7.0

[mark|3]

it does not work in firefox. it aligns to the left instead of center. any help wil be appreciated thanks

[syrus.xl]

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:

<!-- 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.:)

[mark|3]

thanks alot cyrus :D

[vbboarder]

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

Solution: FIND in Header template:
fo.addParam("quality", "high");

Before that, ADD:
fo.addParam("wmode", "transparent");

Save the edited template and the Flash Header should now show. ;)

[syrus.xl]

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.

[vbboarder]

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... :)

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:
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 :D

[soundbarrierpro]

That middle one with the switching frames is awesome. Do you have anything how to make that or a mod for it?

[syrus.xl]

That middle one with the switching frames is awesome. Do you have anything how to make that or a mod for it?

That is another modification developed by us, and is free to use. You can see the latest version and download it from here.

http://www.digitalport.co.uk/digital/vbulletin-flash-based-modifications-free/74746-vbulletin-flash-affiliate-linking-system-multi-purpose.html

Hope that helps! :)

[tnagaming]

Great mod. Love it.

One question. How do I get rid of the white transition thing thats 3 quarters accross the images when they scroll? If you don't understand what I mean you can look here www.tnagaming.org/forum/index.php

If I have to donate to get rid of it I have no problem doing that just tell me where I have to donate to, what I have to do and how much.

[sean-zigster]

does this mod work with 3.8 ?

Thanks+

[The Realist]

Does this work on 3.7.4 with a modified template.

Reason I ask is the code edits are not in my header template and then I do edit that template it works but a part of the template is then missing?

Any ideas?

Regards

[syrus.xl]

It will work with any version of vBulletin, but the header code has changed slightly since this version was released. If you PM me the url of your site I will take a look at the issue for you.

The actual flash file I coded for this no longer functions under the latest Flash when recompiled, and I need to re-code the main source file if the alpha gradient needs changing.

[The Realist]

PM sent with thanks.

Regards,

Brian


It will work with any version of vBulletin, but the header code has changed slightly since this version was released. If you PM me the url of your site I will take a look at the issue for you.

The actual flash file I coded for this no longer functions under the latest Flash when recompiled, and I need to re-code the main source file if the alpha gradient needs changing.

[syrus.xl]

I can't reply by PM - you have PM's disabled on here.

[The Realist]

I dont, please try again.

I can't reply by PM - you have PM's disabled on here.