Major Additions - Concepta Series - vB Flash Header Pro (inc optional Banner Rotator)

NO LONGER SUPPORTED!!!!!

The most advanced vBulletin 4.0 header system ever released so far, with built-in banner rotator (optional). This is a product that we are giving away freely to the vBulletin community, even though it was originally designed as a commercial product. It includes everything to give you a sleek and stylish flash-based header system for the vBulletin 4.0 series. This product was released for vBulletin 3.0 series; however we had many asking for a version for vB4, so here it is with many improvements and we added many more functions to this version. This product comes in two versions, one with an advertising banner rotator built-in and one without, giving you full control of how you want to implement it on your own vBulletin. It does not use any of vBulletin 4.0?s advertising system, nor query your database or require product plugins.

Demonstrations Available
Shedevils Leisure District - The Front Page
Also available is our own demonstration - Go to www.digitalport.co.uk and scroll down to the footer on any page under Style Chooser -> Select "Concepta Series" to view. Remember to switch back to our default style afterwards.

Released: 06/07/10
1280 version Added - see download attachments on this mod (Wide 1280 pixel version) v1.0.1280a

XML Configuration Files
Due to the setup procedure being quite complex we have made most of the configuration details available online only. This is to allow you to jump to the areas you need to configure in detail, this guide will give you the basic installation procedure, to setup vBulletin to use this modification. We have provided links to the relevant sections that cover the XML configuration. For best results always optimize any images, this will ensure the pre-loaders will only show for a short time, if at all.

Preview setup files included
These allow you to setup the header system locally before adding it your vBulletin, however we do not recommend that you upload these files. Use them for testing only.

*Fixed width Forums only ? the only reason why we stipulate this is due to the way flash functions. This product is designed for a 950 pixel width and a 150 pixel height; you will find how to adjust your forum to this fixed width by reading the Additional Stylevars section of this guide.
**Fluid forum setup - Should you wish to use it on a fluid forum then we recommend that you use a fade to alpha on your background images, this will still allow you to use this modification, but not to its full capacity.

Features:

• Import your logo and place it anywhere within the header (requires no coding knowledge to setup)
• Import numerous backgrounds with numerous load and unload transitional effects
• Imports your 468 x 60 pixel banner adverts with support for PNG, JPG and SWF file formats (banner rotator version only)
• Over 80 transitional effects, each banner can use these on a single banner or you can set to randomize all banners
• Pre-loads all images ?on-the-fly? and caches them therefore using very low bandwidth consumption
• Package includes pre-loaded images and banners and pre-configured (change as required). Full documentation in Word, PDF and text formats.

Important ? Before uploading anything:
Please read on how to setup the vB Flash Header System locally, this will help you see what the header will look like before installing it on vBulletin. The previewer files are for setup purposes, they contain documentation as well to allow you to view your header before uploading.

Online Articles
Full Technical Specifications please visit:
Digital Port UK - Concepta Series 4 - vBFlash Header Pro--Technical Specifications

Logo/Site Name setup visit:
Digital Port UK - Concepta Series 4 - vBFlash Header Pro--Designing the Logo/Site Name Image

How to Design Your vBFlash Header Background Images visit:
Digital Port UK - Concepta Series 4 - vBFlash Header Pro--Creating Your Background Images

How to Design/add your own advertising banners visit:
Digital Port UK - Concepta Series 4 - vBFlash Header Pro--Banner Rotator Setup

Basic Installation
During this installation all you are doing is replacing the default vBulletin logo coding with our custom code.
Use the Preview Files first to setup your header as you want it.
Upload all contents of either the "vB Flash Header no Ads" or the "vB Flash Header with Ads" folder to vBulletin forum root.
Please follow our links to configure the various areas of this modification in detail. Instructions vary on which version you are installing and configuring.

2 Template Edits (required)

headinclude
Find:

<script type="text/javascript" src="{vb:stylevar yuipath}/yuiloader-dom-event/yuiloader-dom-event.js?v={vb:raw vboptions.simpleversion}"></script>

Before add:

<!-- Concepta Code Start -->
<script src="xeon_hp_js/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- Concepta Code End -->

header
Find:

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>

Replace with:

<!-- Concepta Code Start -->
<div><a name="top">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','950','height','150','title','cc_vbhead','src','cc_hp_head','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','cc_hp_head' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="950" height="150" title="cc_vbhead">
  <param name="movie" value="cc_hp_head.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <embed src="cc_hp_head.swf" width="950" height="150" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</noscript></a>
</div>
<!-- Concepta Code End -->

End of Template edits.

Stylevar Changes
These changes are required to fix your vBulletin to 950 pixels wide, the same width as the vB Flash Header.
Common - doc_maxWidth - Units: px
Common - doc_maxWidth - Size: 950
Common - doc_minWidth - Units: px
Common - doc_minWidth - Size: 950
Common - doc_margin - Units: px
Common - doc_margin - Top: 0
Common - doc_margin - Right: auto
Common - doc_margin - Bottom: 0
Common - doc_margin - Left: auto

End of Stylevar changes.

Additional Stylevar Edit
If you wish to make the header flush with the navbar you will need to change the following Stylevar.
Stylevar Edit
Header - header_padding - Units: px
Header - header_padding - Bottom: 0

Transitional Effects
Please see the vB Flash Header Pro Transition settings file in this package.[font=Arial]

Another high quality product brought to you by Digital Port UK
Digital Port UK - Home

Update Log:
5/20/10 - Embed code updated due to 'Back to top' anchor code missing.

REMOVED!!!

[syrus.xl]

Originally Posted by patrick91

Maybe stupid question but if ik choose for header padding to 0 the header and the forum is together... is it possible to get the space there?

That issue is caused by a grouped CSS variable that really needs spliting into two definitions. It maybe fixed in v4.0.4 - well, we can hope or if not we can split the CSS ourselves.

[bergovoy]

ok, im makin progress using photo shop... im not sure what i will do when the trial runs out though.. hopefully i will be done by then.. hehehe

i was not able to modify the logo file that came with this mod, as i cant figure out how to edit or modify the concepta logo, the blue thing... it isnt text is it???

So, i created a new file, with the size and everything, and just used text and modifyd the crap out of it.. wow, photoshp is a bit powerful ... i wish i was creative enuf to put something together.. but for testing purposes i got something going.. and it worked on the preview program and uploaded it to the website and nothing..

well, actually it did not show the concepta logo anymore so i know the file is changed, but not sure why the logo isnt showing thru???

I re uploaded all the img files from the previewer and then all the files and still nothing...

arrgghhh

[Scan Cape Cod]

Just a quick note of thanks for this. Installed, nominated, and brand-free version purchased. I have it set up very basically right now, but as I learn I see where the sky's the limit with this one. Two thumbs up!

[syrus.xl]

Originally Posted by bergovoy

ok, im makin progress using photo shop... im not sure what i will do when the trial runs out though.. hopefully i will be done by then.. hehehe

i was not able to modify the logo file that came with this mod, as i cant figure out how to edit or modify the concepta logo, the blue thing... it isnt text is it???

So, i created a new file, with the size and everything, and just used text and modifyd the crap out of it.. wow, photoshp is a bit powerful ... i wish i was creative enuf to put something together.. but for testing purposes i got something going.. and it worked on the preview program and uploaded it to the website and nothing..

well, actually it did not show the concepta logo anymore so i know the file is changed, but not sure why the logo isnt showing thru???

I re uploaded all the img files from the previewer and then all the files and still nothing...

arrgghhh

The Concepta logo was designed in Adobe Illustrator then imported in to Photoshop, therefore the original text becomes rasterized and not editable. You do not need Illustrator to produce the text, it can be done in Photoshop just as well, once you learn how to manipulate text to how you want it. Anything is possible really, it's just knowing 'how-to' in the first place.

[syrus.xl]

Originally Posted by Scan Cape Cod

Just a quick note of thanks for this. Installed, nominated, and brand-free version purchased. I have it set up very basically right now, but as I learn I see where the sky's the limit with this one. Two thumbs up!

Hi,

Yes, it is a versatile modification - it will be even more in the future. I am planning to bring out more functional parameters, so people can adjust it to suit their own styles, along with timing routines.

Thanks!

[Ken Sanders]

Super mod! Marked, nominated and bought the unbranded version.
Thanks so much.

[SnapOff Racing]

syrus.xl did u get my pm?

[bergovoy]

Originally Posted by syrus.xl

The Concepta logo was designed in Adobe Illustrator then imported in to Photoshop, therefore the original text becomes rasterized and not editable. You do not need Illustrator to produce the text, it can be done in Photoshop just as well, once you learn how to manipulate text to how you want it. Anything is possible really, it's just knowing 'how-to' in the first place.

HEY, this actually makes sense to me.. i think i am makin some progress.... hehehehehe

[syrus.xl]

Basically the header uses multiple layers but in Flash, no Photoshop.

Layer 1 = Logo
Layer 2 = Banner Rotator
Layer 3 = Background

The actual Logo layer uses a masked empty movieClip which is the full size of the header.

The banner rotator is setup to use various image formats and import them in to another empty movieClip.

The background uses the same coding again as the banner rotator but on a larger scale.

Both the banner rotator and the background importer are setup to rescale images, if they are not the correct size. The only problem with this is if you use small images they will show pixelation, which does not look good.

[bergovoy]

ok, now you are showing off... hehehehe

and im lost again.

are you saying that your mod takes images and imports them into some type of movie?

and the vbulleting header/logo is a movie file/image?

Originally Posted by syrus.xl

Basically the header uses multiple layers but in Flash, no Photoshop.

Layer 1 = Logo
Layer 2 = Banner Rotator
Layer 3 = Background

The actual Logo layer uses a masked empty movieClip which is the full size of the header.

The banner rotator is setup to use various image formats and import them in to another empty movieClip.

The background uses the same coding again as the banner rotator but on a larger scale.

Both the banner rotator and the background importer are setup to rescale images, if they are not the correct size. The only problem with this is if you use small images they will show pixelation, which does not look good.