The Arcive of Official vBulletin Modifications Site.

Avenger Blue Style by TheLastSuperman · **Released**: 08-27-2011

Introducing Avenger Blue

A vBulletin 4.2.1/4.2.2 (Confirmed working on 4.2.3! *Simply select ignore style version when installing style) Suite style from www.innovationbyinstinct.com including some of these features:

The forumbits, search and other areas have a mouseover hover effect.
Custom statusicons for forum_new and forum_old.png along with custom pagination and other image replacements.
Custom toplinks i.e. "Welcome, Username Notifications etc etc" location.
Custom Login area w/ hover effects.
Custom Sidebar collapse image replacements etc.
CMS Widget and Forum & Blog Sidebar styles match 100%.
CMS, Forum, Blog compatible this is a Suite style and can also be used on Forum Classic naturally.
Fluid and Fixed Width available!
Perfect style for resolutions up to 1920 x 1080 or larger!

Demo?
Sure! View Avenger Blue Fixed Width OR Fluid Width Demo.
*Please Note: The Demo site has a custom CMS Layout in place therefor normal CMS layout sites will see a CMS/Articles page resembling the screenshot.

Questions and Answers

Q. So what do we have here?
A. Well that's simple! It's a dark blue style for vBulletin 4.1.4 Suite (or Forum Classic).

Q. Anything in particular that I need to know about this style?
A. Simple - I don't advertise a lot, there are no advertisements shown when I make styles however I do know due to the centering of the logo, if you currently utilize the header ad locations you'll need to make changes if utilizing this style otherwise it will not display properly. *Fix planned for the 4.1.5 version and I'll patch this 4.1.4 version then as well, basically I'll be moving the header ad locations just above the normal below navbar locations to remedy this

.

Q. This is 4.1.4 style why did you not release a 4.1.5 version and will you release and keep this updated unlike other styles on here?
A. Yes, unlike some other styles in the past I've released this is branded by our company and we do plan on supporting this style indefinitely.

Q. I see two different downloads available, which one do I use?
A. Simple:

- For vBulletin 4.1.4 through 4.1.7 use the file titled - Innovation_by_Instinct-Avenger_Blue-Compressed.zip
- For vBulletin 4.1.8 use the file titled - Innovation_by_Instinct-Avenger_Blue-vB4.1.8-Compressed.zip
- For vBulletin 4.2.1 and 4.2.2 use the file titled - Innovation_by_Instinct-Avenger_Blue-vB4.2.1-4.2.2-Compressed.zip

Q. I'm using a version for vBulletin 4.1.8 or up, why is the logo not clickable?
A. Well we have navtabs w/ a Home, Forum, and Blog button so why do we need more and more of the same links? Well I know some prefer it so here is a way to make it clickable:

You can utilize the transparent 1x1px transparent image to make the logo clickable again. *Please note this is not a default feature, to make the logo clickable you must edit template header and find:

Code:

                    <div class="ablogo" align="center">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a></div>
</div>

Remove the <comment> codes as shown in red:

Code:

                    <div class="ablogo" align="center">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a></div>
</div>

This is how the code should now look:

Code:

                    <div class="ablogo" align="center">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></a></div>
</div>

*If you use a different logo than the stock "Avenger Blue" and your making it clickable via the method above, please change the width="#" and height="#" to the correct values i.e. the same width and height as your new logo

.

Q. Why is there a .zip inside the .zip?
A. Well the forums here have a max of 3.0MB file size limit on .zip files so I made it a .zip then added that one into another .zip, this reduced the file size from the 3.17MB down to 2.69MB! Now simply extract the main -Compressed .zip then extract the inside Innovation_by_Instinct-Avenger_Blue.zip and your ready to rock and roll!

Q. You have a link to your site in the footer, can I remove that?
A. You are not allowed to remove the link to our site i.e. "branding" unless you pay for a Branding Free Version. If I find someone running this without the copyright in place I will contact your host and file a DMCA complaint period the end. *Furthermore, we will not host discussions nor reply to any sort of inquiries on here in regards to paid or branding free versions so please do not bring up the subject of either in this thread.

*Click on the images below to view in a new tab/window, once in said window you can click the image again to zoom once more and see it clearer, providing a more accurate representation of the style .

Updated Forumhome screenshot for 4.1.8:

Donations from:

Thanks for your support, it's certainly not required however I appreciate the sentiment .

Notes & Update Information can be found here: https://vborg.vbsupport.ru/showpost....82&postcount=2

Restrictions:
This style is not meant for use on http://www.carbonracecars.com otherwise have at it!

*IMPORTANT*

To install the style:

1) Upload the contents of the UPLOAD Folder.
2) If for example you want the Fixed style installed then import the file:
*Please note, if you do not use the vBulletin Suite and have the Forum Classic version you only need to install the file vbulletin-style_Avenger_Blue_Fixed-Forum.xml.
a) Import the vbulletin-style_Avenger_Blue_Fixed-Forum.xml file first.
b) Merge in the vbulletin-style_Avenger_Blue_Fixed-CMS.xml (Options when uploading a style allow you to merge into a existing style, choose to merge this into the new style you just created using the Forum.xml.
c) Merge in the vbulletin-style_Avenger_Blue_Fixed-Blog.xml into the style, this has now updated the style for all three major products and the installation is complete!
3) Enjoy!

K4GAP · #**572** 01-30-2014, 05:44 AM

I really have to thank you for going above and beyond by producing and maintaining this style.

As far as any issues with your latest release, I've been beating it up and shaking it down. So far everything looks good after the latest update.

Thanks

TheLastSuperman · #**573** 01-30-2014, 05:56 AM

Quote:

Originally Posted by Kat-2

I tried the first code, didn't change anything. Replaced it with second code, and still didn't change anything. I did it exactly as you stated to do it. I don't know what the heck is wrong.

Hmm ok then try this one:

PHP Code:


			
if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

But make sure that when hovering over the styles name in Style Manager that the styleid # is in fact 1, if it's not then change this 1 to the # of your style.

Code:

if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

Basically if you are viewing all your styles via the Style Manager in admincp and you click on a style it opens that style in a new window, note the url up top i.e. http://www.yoursite.com/forum.php?styleid=22 and the last # which in my example is 22, is the style id so then we would replace the 1 with 22

.

Quote:

Originally Posted by GaryT

I really have to thank you for going above and beyond by producing and maintaining this style.

As far as any issues with your latest release, I've been beating it up and shaking it down. So far everything looks good after the latest update.

Thanks

Thanks, been real busy lately and just trying to be helpful best I can

.

Kat-2 · #**574** 01-30-2014, 06:23 PM

Quote:

Originally Posted by TheLastSuperman

Hmm ok then try this one:

PHP Code:


			
if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

But make sure that when hovering over the styles name in Style Manager that the styleid # is in fact 1, if it's not then change this 1 to the # of your style.

Code:

if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

Basically if you are viewing all your styles via the Style Manager in admincp and you click on a style it opens that style in a new window, note the url up top i.e. http://www.yoursite.com/forum.php?styleid=22 and the last # which in my example is 22, is the style id so then we would replace the 1 with 22

.

I am sorry I am being so much trouble.

Okay...that theme is #90 on my board, but I don't know where you want me to put the new code in..

TheLastSuperman · #**575** 01-30-2014, 07:01 PM

Quote:

Originally Posted by Kat-2

I am sorry I am being so much trouble.

Okay...that theme is #90 on my board, but I don't know where you want me to put the new code in..

Ok so use this code:

PHP Code:


			
if (STYLEID == 90) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

You must paste that code when you make a new plugin so do this:

Login to Admin Control Panel.
On left column scroll to find "Plugins & Products".
Now click the little arrow it opens-up/drops-down a menu.
Now click Add New Plugin.
Now key in the title like I stated a few posts above.
Now fill in the other info i.e. execution order (set to 5) and the Hook Location (use the drop-down to select the location, scroll to find "parse_templates" and finally paste the code I supplied in the code box, make sure the plugin is set to Active = yes then save.

^ Doing the above results in the new plugin being active and it should change the background color of the chatbox style in styleid #90 (if this is the same style you edited before when we were in the vsa templates it will not change, make sure you are changing the chatbox background in a different style that needs it done etc).

No trouble at all, as you can see I support much more than my style sometimes which is not a problem

.

Kat-2 · #**576** 01-30-2014, 07:53 PM

Yay! Success! Thank you very much. Tell your wife to give you a big hug from me. LOL

TheLastSuperman · #**577** 01-30-2014, 08:15 PM

Quote:

Originally Posted by Kat-2

Yay! Success! Thank you very much. Tell your wife to give you a big hug from me. LOL

Will do

and you're clear on how to add more styles to this right? Let's do an example real quick to be sure but I'm going to make it simpler than before:

PHP Code:


			
if (STYLEID == 90 OR STYLEID == 91 OR STYLEID == 93) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

^ So per the above I just added styleid's 90, 91, and 93 because in my example code we are pretending that styleid 92 already has a white background for the chat because it's a light style

the other three listed in the code were dark styles like avenger blue. <-- That's on an example if you're adding more than one style to this plugin.

Hint: You can also modify this code to make new plugins doing many things including switching logos per forum, background images per forum and much more it just takes some creativity and some tinkering from all of you

. In fact I use variants of this on many sites accomplishing many things! If you've ever ran into some of the shared css issues with custom styling this can come in handy when css is shared on a different page but you're trying to accomplish something that just does not like the default definition being overwritten in additional.css (since it's global) so you use a plugin like this to specify THIS_SCRIPT or forumid and overwrite it there

.

Edit: Actually good idea for a new article ^ so I'll have that posted soon!

Kat-2 · #**578** 01-31-2014, 02:00 AM

Quote:

Originally Posted by TheLastSuperman

Will do

and you're clear on how to add more styles to this right? Let's do an example real quick to be sure but I'm going to make it simpler than before:

PHP Code:


			
if (STYLEID == 90 OR STYLEID == 91 OR STYLEID == 93) {

$vsacssfix = '<style type="text/css">

#vsacb_messagearea {

background:#ffffff !important;

background-color:#ffffff !important;

}

</style>';

$template_hook[headinclude_bottom_css] .= $vsacssfix;

}

^ So per the above I just added styleid's 90, 91, and 93 because in my example code we are pretending that styleid 92 already has a white background for the chat because it's a light style

the other three listed in the code were dark styles like avenger blue. <-- That's on an example if you're adding more than one style to this plugin.

Hint: You can also modify this code to make new plugins doing many things including switching logos per forum, background images per forum and much more it just takes some creativity and some tinkering from all of you

. In fact I use variants of this on many sites accomplishing many things! If you've ever ran into some of the shared css issues with custom styling this can come in handy when css is shared on a different page but you're trying to accomplish something that just does not like the default definition being overwritten in additional.css (since it's global) so you use a plugin like this to specify THIS_SCRIPT or forumid and overwrite it there

.

Edit: Actually good idea for a new article ^ so I'll have that posted soon!

Yes, I gotcha. And, I even went in and changed the color code from the stark white to a softer pale gray, which matches other things (such as new and old post images) in the theme. May do that for a couple other themes I have.

ozzy47 · #**579** 02-01-2014, 12:19 PM

Hey Mike, I just tried the update, I added it as a new style to see how it would react. Got a question though, what is with the different color for the background as seen in the screen shot. (this is the fluid version)

TheLastSuperman · #**580** 02-01-2014, 06:38 PM

Quote:

Originally Posted by ozzy47

Hey Mike, I just tried the update, I added it as a new style to see how it would react. Got a question though, what is with the different color for the background as seen in the screen shot. (this is the fluid version)

Hmm try uploading the new images too because that screenshot, I can tell something is not right as that silver line going across horizontally mid way down the screenshot is the new header area background.

Remember, I had to change a little bit of the css to fix that scrollbar issue but the color change for the record was from #141515 to #161616

.

ozzy47 · #**581** 02-01-2014, 06:54 PM

Yep, reloading the images seems to have done the trick.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.07209 seconds Memory Usage 2,426KB 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 (5)bbcode_code (5)bbcode_php (7)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (3)pagenav_pagelinkrel (11)post_thanks_box (28)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (5)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (5)postbit_attachment (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 fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

24 благодарности(ей) от:
Andur1l, Angix, billstelling, CharlieDelta, crazyboy1661, dartho, Gemma, hexeditor, HHelp1, HMBeaty, James Argo, K4GAP, kylek, mitch84, Neal-UK, puertoblack2003, RichieBoy67, Sayid, Sean James, setishock, Taurus1, TheTrust, vb_download, voglermc

Благодарность от:
Kat-2

Благодарность от:
TheLastSuperman

Благодарность от:
Kat-2

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!