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!

[gOOvER]

Originally Posted by mitch84

Hi, when I want add a file attachment (in advanced) I can't see names my "folders" background is white

So it lokks for me see attachment

Maybe you can darker this Upload site

[Skyrider]

Looks good! Though I'm not much of a fan of the new login / menu location. I prefer that being on top. (top right).

[mitch84]

Originally Posted by TheLastSuperman

Oops

AdminCP > Styles & Templates > Style Manager > Avenger Blue > Stylevars

Find the stylevar under Threadbit w/ the name threadbit_hilite_background

Change the background color to: #1c4494

same with a topic is deleted but visible only by admins, I can read but it's difficult

[TheLastSuperman]

Originally Posted by gOOvER

Ok, i found the Error. It's Language based error. I shorten it now to only one Word and the Checkbox is at the correct place

Maybe you find a fix.

You can try:

AdminCP > Styles & Templates > Style Manager > Edit Templates > CSS Templates > vbulletin-chrome.css

Find:

.toplinks form {
	min-width: 300px;
	display:block;
	margin-{vb:stylevar right}: 10px;
	text-align: {vb:stylevar left};
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	_width:20%;
        margin-top:-1px;
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-right: 1px solid transparent;
}

.toplinks form:hover {
	min-width: 300px;
	display:block;
	margin-{vb:stylevar right}: 10px;
	text-align: {vb:stylevar left};
	float: {vb:stylevar right};
	clear: {vb:stylevar left};
	_width:20%;
        margin-top:-1px;
        border-left: 1px solid #707070;
        border-bottom: 1px solid #707070;
        border-right: 1px solid #707070;
	-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
	-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
	border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}

Adjust the min-width in each to a larger value i.e. 325px and then refresh to see if that helps with the longer name .

Originally Posted by mitch84

Hi, when I want add a file attachment (in advanced) I can't see names my "folders" background is white

Originally Posted by gOOvER

So it lokks for me see attachment

Maybe you can darker this Upload site

^ Same problem for both of you... what I do is create all styles from scratch meaning that I use a default style of the most current version installed - I do not use the style generator at all due to noticing some misc issues w/ it in the past so one or two areas such as attachment uploads to be perfectly honest, I simply looked over because I never thought to upload a attachment but will have a fix by later today since this is supported .

Originally Posted by FF|Skyrider

Looks good! Though I'm not much of a fan of the new login / menu location. I prefer that being on top. (top right).

That you can adjust via CSS alone so go to the css templates:

AdminCP > Styles & Templates > Style Manager > Edit Templates > CSS Templates > vbulletin-chrome.css

Find:

.toplinks {
        min-width:600px;
	position:absolute;
	{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
	top:220px;
	color:{vb:stylevar toplinks_link_color};
	font: {vb:stylevar header_font};
	text-align:{vb:stylevar right};
}

Adjust the top:220px to 0px or a value that will suite your tastes, the hover effect should still work fine if not let me know .

Originally Posted by mitch84

qame with a topic is deleted but visible only by admins, I can read but it's difficult

I'll make a adjustment to that as well for the release later today however for now you can fix that by:

AdminCP > Styles & Templates > Style Manager > Stylevars

Find the stylevar under Threadbit w/ the name threadbit_deleted_background

Change the background color to: #384b72 or another color of your choice .

Again, I'll have a update later today for the most recent notes from all of you and also going to update the facebook login in the toplinks as the hover effect is not how I want it to be, it will resemble the other hover effects making it seem as if the facebook connect image is floating in the background when hovered over before clicking .

[K4GAP]

Originally Posted by FF|Skyrider

Looks good! Though I'm not much of a fan of the new login / menu location. I prefer that being on top. (top right).

Different folks like different things I reckon.

I personally like where the login is located. It has the appearance of integration rather that just being in it's own spot.

I just can't brag about this style enough!

IMHO it's the best free style I've EVER seen.

[TheLastSuperman]

Originally Posted by GaryT

Different folks like different things I reckon.

I personally like where the login is located. It has the appearance of integration rather that just being in it's own spot.

I just can't brag about this style enough!

IMHO it's the best free style I've EVER seen.

Thanks!

Originally Posted by gOOvER

So it lokks for me see attachment

Maybe you can darker this Upload site

Updated on 8/30/2011

- Asset Manager (attachment upload window etc) css updated to match style.

[Taurus1]

I am a complete sucker for styles. I have more than 30 paid styles installed on my forum. But I have to say, even if this was a paid style, I would buy it instantly. It is truly beautiful, and most definitely the best free style I have ever seen. And believe me, I have seen them all. Congrats, and thank you!!

[gOOvER]

Originally Posted by TheLastSuperman

Thanks!
Updated on 8/30/2011

- Asset Manager (attachment upload window etc) css updated to match style.

Thank you.

[Skyrider]

Thanks Superman. I also wonder if it's normal that the quick edit box is completely blue with no border around the type box or its buttons.

Also, do you happen to know if there's an addon for vB that only specific groups can use specific themes?

[kNeeLy]

this is simply sweet...that's it...

nice brotha!