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]

Great skin, we all have to admit it. However, it really needs to be updated with all these problems people had when displaying certain sections (I am one of them). I hope the author will do it. Otherwise such a great work might get wasted.

EB

[TheLastSuperman]

Updated on 11/05/2011

- Updated stylevars for profile sidebar blocks, default sidebar uses some css a little differently in the profile which caused the issue, furthermore the profile now has a simple bit of css hard coded into it only.
- Updated other stylevars to include the proper "dark blue" background.

________________________

Originally Posted by Faisal_Computer

Hello ,
1st of all really thanks you for making this.... Really Great

every thing seems fine but i have one problem ,

when any user brows forum in different resolution why forum stay in middle and small . why its not auto adjust its size " WIDE " ?
here i am uploading two snap shot for your

i will really thank you provide me solution for that , it must be AUTO adjust its size depending on resolution of user's monitor

Br
Faisal_Computer

There's two xml files included in the .zip, install the Fluid for a style that will stretch, install the fixed width for the one that stays the same size.

If you have a issue w/ the header i.e. you placed a much larger one in the style it was noted in the description that using a larger logo would throw the style off which respectively means a smaller one will too, to fix this edit vbulletin-chrome.css and find:

.doc_header {
	_background-image:none;
	border:{vb:stylevar header_border};
	color:{vb:stylevar header_color};
	font:{vb:stylevar header_font};
	position:relative;
	min-height:155px;
	/*padding-bottom:{vb:math {vb:stylevar padding}/2};*/
	/*margin-bottom:{vb:math 2 * {vb:stylevar navbar_tab_size.height}}px;*/
}

Adjust to suit:

 	min-height:155px;

Originally Posted by Faisal_Computer

i also have some problems
please check my forum , my profile page ,

http://forum.gpgindustries.com/member.php/3-Faisal_Computer

on every profile page have white boxes with write writting its can't visible but when you select all you can read , please check this and give me solution

i also have on more problem ,

when ever i try to make new thread or edit any post and click on advance why i can't see editor tools/editor buttons like bold,underline,align,font,color,code buttons etc , i search every where but i did not found any solution for it . can you please help me solve it ?

if you say i will give you account so you can check......
Thanks in advance


Br
Faisal_Computer

- The profile white block issue should be fixed in the current release.
- The editor buttons, ensure you uploaded all the files within the UPLOAD folder this includes images.

Originally Posted by as7apcool

Nice, thanks

Your welcome .

Originally Posted by Andur1l

Am I the only one whose Community/Groups page looks like this:



Normal size picture

.. or was this page kinda forgotten when making the style?

Nope, check the update and report back it should be sorted .

Originally Posted by EuroBeat2

Great skin, we all have to admit it. However, it really needs to be updated with all these problems people had when displaying certain sections (I am one of them). I hope the author will do it. Otherwise such a great work might get wasted.

EB

It was a finicky issue, in light styles the white does not matter however I had to hard code some css into the profile due to how the sidebar css is used in each.

Edit: I edited the first post i.e. mod description and under the top Q&A part included information on how to adjust the css if you have a issue w/ the header/logo area and also instructions on how to change the Sticky Thread background color if your not too fond of the bright blue .

[TheLastSuperman]

Originally Posted by zombieshack

everythings working good except threads are highlighted a bright blue and when you hover over them they return to normal color??

Check back in the thread, it's one stylevar to change .

[TheLastSuperman]

There was one more little white issue in the groups, fixed it just now and re-packaged the .zip so it's all updated.

[Faisal_Computer]

thanks your reply ...
but i was solved these all problems with one of my moderator from vbulletin.com
Thanks again and really nice skin
Br
Faisal_Computer

[Andur1l]

TheLastSuperman: you da man! Thanks a lot for the update, it fixes everything beautifully. A few hours of my manual socialgroups fixing down the drain, but oh well, yours look so much better.

Don't know if one of my style changes, a plugin or something else broke it (cause I can't remember if it was ok when I initially updated the style), but I had to manually set margin-top: 10px to body_wrapper for the empty space between header and body to appear. Otherwise they were just cramped together. And, of course, had to fix some things in the microclassifieds external css for everything to look normally there .. that plugin is just a design mess of all kind of sorts.

Again, thanks a lot. An incredible style that will be the basis for our new homepage upgrade.

[Andur1l]

Sorry to be bothering you again so soon TheLastSuperman, but could you point me in the right direction for correcting this ..

This is a random user profile in Firefox/IE:

http://www.shrani.si/f/2T/fL/24yg7p4Q/ksifirefox.jpg

And this is the same page in Chrome:

http://www.shrani.si/f/1S/Ql/35ayHZdL/ksichrome.jpg

At first I thought my changes or some plugin was messing it up, but it seems it works correctly in other browsers .. even tried it on different computers if there was something in my cache making problems, but it looks the same there.

Chrome's inspect element tells me the weird color of the text is #333, but I can't find that value anywhere ..

[Markos]

Hi my editor input box is still white in firefox and IE not tried chrome was this fixed ??



and another thing the editor buttons i had to add new ones from a different style so i could see them proper

Thanks Mark

[mitch84]

thank you for this update but on the cms I can't read text in comments because colour font is white and background too
edit:
and in my profil I can't read too, tabs are dark

[K4GAP]

For some reason this new version won't install. Just to make sure it wasn't me I installed a couple other styles and they worked. I get the following:

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, webmaster@area51gamers.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.