Go Back   vb.org Archive > vBulletin Styles and Graphics > vBulletin Styles > vBulletin 4.x Styles
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Avenger Blue Style by TheLastSuperman Details »»
Avenger Blue Style by TheLastSuperman
Version: 1.00, by TheLastSuperman (Senior Member) TheLastSuperman is offline
Developer Last Online: Oct 2023 Show Printable Version Email this Page

Category: Suite Style - Version: 4.2.x Rating:
Released: 08-27-2011 Last Update: 01-27-2014 Installs: 167
Supported
Additional Files  

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:

ForumHome:
http://www.innovationbyinstinct.com/..._ForumHome.png

ForumHome Mouseover effect:
http://www.innovationbyinstinct.com/..._MouseOver.png

CMS:
http://www.innovationbyinstinct.com/..._Fixed_CMS.png

Blogs:
http://www.innovationbyinstinct.com/...Fixed_Blog.png

ForumHome w/ Sidebar Active:
http://www.innovationbyinstinct.com/...ctive_Open.png

ForumHome w/ Sidebar Closed:
http://www.innovationbyinstinct.com/...ive_Closed.png

Search Input default colors:
http://www.innovationbyinstinct.com/...nputColors.png

Search Input active/hover colors:
http://www.innovationbyinstinct.com/...olorsHover.png

Postbit colors:
http://www.innovationbyinstinct.com/..._PostStyle.png

New Post icons on forumhome, please note that forums with new posts show a white icon, the old post remains as a grey color:
http://www.innovationbyinstinct.com/...umNewvsOld.png

Login Area when logged out:
http://www.innovationbyinstinct.com/...eLoggedOut.png

Login Area when logged out Hover effect:
http://www.innovationbyinstinct.com/...edOutHover.png

Login Area when logged out Help/Register Hover effect:
http://www.innovationbyinstinct.com/...OtherHover.png

ForumHome New Appearance:
http://www.innovationbyinstinct.com/...rumHomeNew.png

ForumHome New Category Description Hover:
http://www.innovationbyinstinct.com/...ptionHover.png

ForumHome New Hover Effect:
http://www.innovationbyinstinct.com/...meNewHover.png




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!

Download Now

File Type: zip Innovation_by_Instinct-Avenger_Blue-Compressed.zip (2.78 MB, 586 views)
File Type: zip Innovation_by_Instinct-Avenger_Blue-vB4.1.8-Compressed.zip (2.79 MB, 802 views)
File Type: zip Innovation_by_Instinct-Avenger_Blue-vB4.1.9-Compressed.zip (2.73 MB, 102 views)
File Type: zip Innovation_by_Instinct-Avenger_Blue-vB4.2.1-4.2.2-Compressed.zip (2.95 MB, 779 views)

Show Your Support

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

Comments
  #552  
Old 01-28-2014, 03:23 AM
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Location: USA
Posts: 10,929
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

You just re import the style allowing overwrite of the previous install.
Reply With Quote
  #553  
Old 01-28-2014, 03:24 AM
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Location: USA
Posts: 10,929
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Mike, what templates did you change, as I have made quite a few changes here and there.
Reply With Quote
  #554  
Old 01-28-2014, 04:01 AM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by ozzy47 View Post
Mike, what templates did you change, as I have made quite a few changes here and there.
Fluid version had most of the css regarding the header and logo areas redone entirely, import it under a different name and view each to see the differences... basically just a little bit of the css at the very top i.e. ablogo and abimage then I edited the stylevars for docwidths / docmargin and set to % values other than that not much so it shouldn't be too hard of a fix for you if you reference since I basically just fixed that scollbar issue . Ohh and some background images were changed so note the new images in the /images/avenger folder and update eother doc_background or body_background stylevar accordingly.

That should be it... if I think of something else I'll let you know or if you edit then see an issue just post .
Reply With Quote
  #555  
Old 01-28-2014, 04:10 AM
mrt12345's Avatar
mrt12345 mrt12345 is offline
 
Join Date: Feb 2009
Posts: 93
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheLastSuperman View Post
Does this category/forum use a custom statusicon? It looks like it does but since there is no image it cannot render it, in Firefox or similar it will not show the little missing pic icon or the red x usually only in internet explorer. If so you need to copy that from the main styles folder to the /images/avenger_blue/statusicons folder.

Stand by new version about to go up now that sorts the scroll issue, prepping files now for upload .
Hi there, the only mod there is, the like more mod that is it . I know the category icon mod but it is not there.
Reply With Quote
  #556  
Old 01-28-2014, 04:15 AM
pityocamptes's Avatar
pityocamptes pityocamptes is offline
 
Join Date: Apr 2010
Posts: 595
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheLastSuperman View Post
Fluid version had most of the css regarding the header and logo areas redone entirely, import it under a different name and view each to see the differences... basically just a little bit of the css at the very top i.e. ablogo and abimage then I edited the stylevars for docwidths / docmargin and set to % values other than that not much so it shouldn't be too hard of a fix for you if you reference since I basically just fixed that scollbar issue . Ohh and some background images were changed so note the new images in the /images/avenger folder and update eother doc_background or body_background stylevar accordingly.

That should be it... if I think of something else I'll let you know or if you edit then see an issue just post .
Ok, well since I have not gotten that far in redoing my template and mods, how would I just upload the vanilla copy? Overwrite anything, or just upload it as if I was doing a fresh copy? Thanks.
Reply With Quote
  #557  
Old 01-28-2014, 04:33 AM
Kat-2's Avatar
Kat-2 Kat-2 is offline
 
Join Date: Feb 2011
Posts: 97
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Question. I have VSa Chatbox. The background in this theme is blue, which means you can't see the posts with the colors available. Any way I can make the background white?
Reply With Quote
  #558  
Old 01-28-2014, 05:30 AM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by mrt12345 View Post
Hi there, the only mod there is, the like more mod that is it . I know the category icon mod but it is not there.
Please check this in forum manager for that category:



If you have value entered there = must copy image to new style folder. If you have no value then url/link to site for me to view as you must have some odd forum depth setup or similar and I'll need to view it to see about a fix.

Quote:
Originally Posted by pityocamptes View Post
Ok, well since I have not gotten that far in redoing my template and mods, how would I just upload the vanilla copy? Overwrite anything, or just upload it as if I was doing a fresh copy? Thanks.
If you have not done any modification to the older version then delete it, now install the new version. *Also that reply was directed towards Ozzy but still sorta touched based on your question per say but he has modified his quite a bit so why he asked, you are free to do a fresh install.

Quote:
Originally Posted by Kat-2 View Post
Question. I have VSa Chatbox. The background in this theme is blue, which means you can't see the posts with the colors available. Any way I can make the background white?
Hmm it looked ok to me... do you have the colors limited in the chatbox options in admincp or something else going on here that you've customized or done that I would not see on a default install of vsa chatbox?

Here is what I see:


You must be running something custom... so try this:

Edit template: vsa_chatbox

Find:
Code:
			<div class="blockrow" id="vsacb_messagearea" style="background-color:{vb:stylevar editor_background.backgroundColor};text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">
Replace with:
Code:
			<div class="blockrow" id="vsacb_messagearea" style="background-color:#ffffff;text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">

What I did was basically replace this:
background-color:{vb:stylevar editor_background.backgroundColor};

With:
background-color:#ffffff;

That should sort you .
Attached Images
File Type: jpg doyouhavethisfilledinyesorno.jpg (86.4 KB, 0 views)
File Type: jpg vsachatlooksok.jpg (46.8 KB, 0 views)
Reply With Quote
  #559  
Old 01-28-2014, 04:55 PM
Kat-2's Avatar
Kat-2 Kat-2 is offline
 
Join Date: Feb 2011
Posts: 97
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheLastSuperman View Post
Hmm it looked ok to me... do you have the colors limited in the chatbox options in admincp or something else going on here that you've customized or done that I would not see on a default install of vsa chatbox?

Here is what I see:


You must be running something custom... so try this:

Edit template: vsa_chatbox

Find:
Code:
			<div class="blockrow" id="vsacb_messagearea" style="background-color:{vb:stylevar editor_background.backgroundColor};text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">
Replace with:
Code:
			<div class="blockrow" id="vsacb_messagearea" style="background-color:#ffffff;text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">

What I did was basically replace this:
background-color:{vb:stylevar editor_background.backgroundColor};

With:
background-color:#ffffff;

That should sort you .

It is not because something is customized, it it because I have other themes, and some members may prefer to use another theme. The background is white on other themes, so if they choose to post in the chat box let's say in a blue color, then it is not going to show up to people posting with the Avenger theme. That was why I was wanting to make the background white.....so any color shows.

Hope I made sense.
Reply With Quote
2 благодарности(ей) от:
K4GAP, TheLastSuperman
  #560  
Old 01-28-2014, 05:18 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Kat-2 View Post
It is not because something is customized, it it because I have other themes, and some members may prefer to use another theme. The background is white on other themes, so if they choose to post in the chat box let's say in a blue color, then it is not going to show up to people posting with the Avenger theme. That was why I was wanting to make the background white.....so any color shows.

Hope I made sense.
Makes perfect sense .
Reply With Quote
  #561  
Old 01-28-2014, 06:21 PM
Kat-2's Avatar
Kat-2 Kat-2 is offline
 
Join Date: Feb 2011
Posts: 97
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by TheLastSuperman View Post
Makes perfect sense .


Strange. I make the changes, and each time I get this...

Quote:
Bad Request

Your browser sent a request that this server could not understand.

Not looking good for me at this point. (happens in FF and Chrome)
Reply With Quote
Reply


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 11:39 AM.


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.05648 seconds
  • Memory Usage 2,419KB
  • Queries Executed 28 (?)
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
  • (10)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
  • (26)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (2)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (6)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_postinfo_query
  • fetch_postinfo
  • 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