Suite Style - Avenger Blue Style by TheLastSuperman

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:

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

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

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

• Eurobeat2
• Kat-2
• -

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!

[EuroBeat2]

Originally Posted by TheLastSuperman

Hmm... try re-importing the style and the reason I say that is I installed a 4.1.8 test site last night, today I imported the same style in the .zip here and look below, it works fine.

Trust me I tried but it didn't work.

Originally Posted by TheLastSuperman

What OTHER modifications do you have installed, or it might be better if I ask, what modifications on your site are not by Paul?

So far the problem appeared only in Paul modifications: Members Who Posted Today 4.1.8.0, Members Who Visited Today 4.1.8.0 and Who Has Read Thread - ver 4.1.8.0 (Please see attached pic for first two modes). These modifications does not affect other styles on my site.

Also have issues and previously stated related to User page where the basic info are white square. I disabled all plugins but it still exists. (pics attached as well).

"Array" issue still needs to be resolved. See if you have somebody's birthday today if it is displayed correctly.

Thank you for looking into it.

EB

[TheLastSuperman]

Originally Posted by EuroBeat2

Trust me I tried but it didn't work.




So far the problem appeared only in Paul modifications: Members Who Posted Today 4.1.8.0, Members Who Visited Today 4.1.8.0 and Who Has Read Thread - ver 4.1.8.0 (Please see attached pic for first two modes). These modifications does not affect other styles on my site.

Also have issues and previously stated related to User page where the basic info are white square. I disabled all plugins but it still exists. (pics attached as well).

"Array" issue still needs to be resolved. See if you have somebody's birthday today if it is displayed correctly.

Thank you for looking into it.

EB

Well DUH on me, I didn't change my birthday to today and check .

Edit template FORUMHOME and find:

			<div id="wgo_birthdays" class="wgo_subblock section">
				<h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/birthday.png" alt="{vb:rawphrase todays_birthdays}" />{vb:rawphrase todays_birthdays}</h3>
				<ol class="commalist">
					{vb:raw birthdays}
				</ol>
			</div>

Replace with:

			<div id="wgo_birthdays" class="wgo_subblock section">
				<h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/birthday.png" alt="{vb:rawphrase todays_birthdays}" />{vb:rawphrase todays_birthdays}</h3>
				<ol class="commalist">
					<vb:each from="birthdays" value="row">
						<li><a href="{vb:link member, {vb:raw row}}">{vb:raw row.username}</a><vb:if condition="$row['age']"> ({vb:raw row.age})</vb:if>{vb:raw row.comma}</li>
					</vb:each>
				</ol>
			</div>

Save and call it a day .

Now for the profile style issue, edit template MEMBERINFO, look near the top and you'll notice I call some CSS directly, scroll to the bottom of that css and find:

.userprof_moduleinactive {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #32415f !important;
        color: rgb(195, 195, 195) !important;
}

</style>

Add this as shown:

.userprof_moduleinactive {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #32415f !important;
        color: rgb(195, 195, 195) !important;
}

.stats.userprof_content.userprof_content_border, .blockbody.userprof_content.userprof_content_border {
	background-color: transparent !important;
	border: none !important;
}

</style>

Done and done!

[TheLastSuperman]

Updated on 11/21/2011

- Updated for compatibility with vBulletin 4.1.8, if you use 4.1.8 please download and install the .zip labeled vB4.1.8 otherwise for vBulletin 4.1.4 through 4.1.7 please use the .zip w/ the vB4.1.8 in the filename .
- Corrected "Array" template issue, required revision of template FORUMHOME.
- Corrected white background in member profiles, required revision of MEMBERINFO.

[Markos]

hi mate the last post isn't inline on the update showing in attached image

and is there a way i can decrees the gap between the logo and the navbar showing in pic ??

and my post input box is still white showing in attached pic

[TheLastSuperman]

Originally Posted by Markos

hi mate the last post isn't inline on the update showing in attached image

and is there a way i can decrees the gap between the logo and the navbar showing in pic ??

and my post input box is still white showing in attached pic

- On the first image, what's the URL for that? When I view where I think that screenshot is from I see the info fine... looks odd though so lemme know the url so I can have a quick look .
- Second image, adjusting that is in the modification description above look for:

Q. The style has shifted after I changed the logo... how do I fix this?
A. If you have a issue w/ the header i.e. you placed a much larger or smaller logo than the one included it will "shift" the style in a sense, to fix this edit vbulletin-chrome.css and find:

The info is right after that, code to edit and all.

- Third image, inputs for those areas are meant to be white, intentionally although in between one release I did tinker and will update accordingly on the next release making them match the style.

[Markos]

thanks for the fast reply

http://www.scottishexoticreptilesfor...hp?styleid=156

[EuroBeat2]

Originally Posted by TheLastSuperman

Updated on 11/21/2011

- Updated for compatibility with vBulletin 4.1.8, if you use 4.1.8 please download and install the .zip labeled vB4.1.8 otherwise for vBulletin 4.1.4 through 4.1.7 please use the .zip w/ the vB4.1.8 in the filename .
- Corrected "Array" template issue, required revision of template FORUMHOME.
- Corrected white background in member profiles, required revision of MEMBERINFO.

Thank you. We are getting there. Those two issues in fact are fixed. Still outstanding is the issue of double commas, and one more tab for USER PAGE. The tab in question is "Friends". Please look at the picture. First is your style, second is default style.

EB

[Markos]

just noticed something else in the profile the Welcome, Mark, notifications, My Profile, Settings, Log Out is over the top of my buttons showing in pic

[TheLastSuperman]

Originally Posted by Markos

thanks for the fast reply

http://www.scottishexoticreptilesfor...hp?styleid=156

Originally Posted by EuroBeat2

Thank you. We are getting there. Those two issues in fact are fixed. Still outstanding is the issue of double commas, and one more tab for USER PAGE. The tab in question is "Friends". Please look at the picture. First is your style, second is default style.

EB

Originally Posted by Markos

just noticed something else in the profile the Welcome, Mark, notifications, My Profile, Settings, Log Out is over the top of my buttons showing in pic

I'll have another update out by tomorrow best I can do, as for the double commas Eurobeat2 I'm completely at a loss so no fix is planned atm.

[EuroBeat2]

Originally Posted by TheLastSuperman

I'm completely at a loss so no fix is planned atm.

Paul M suggestion was: Off the top of my head, I dont recall, look for content: in your rules. Note that removing it could affect other areas of your custom style. Maybe it would help.

EDIT: I also noticed double comma problem in USER MENU under "Recent Visitors". Picture included.

Thank you for all your hard work.

EB