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!

[Andur1l]

Originally Posted by TheLastSuperman

Thanks for the info, not sure why the margin-top was required though .

Cause after the last update the page looks like this without it, dont know why:

http://www.shrani.si/f/3G/TO/4rbeTkRW/margin.jpg

Originally Posted by TheLastSuperman

Now this ^ is quite baffling as I don't see this myself using Firefox and Chrome on Windows 7 (all my styles are on staging sites in Localhost via Apache/PHP etc) however sometimes different people have different results but do me a favor and shoot me a site link via PM or post it so I can view the issues on your site directly.

Yea, I think you can forget about this one, I have no idea what was happening yesterday, but today it looks normally in Chrome too. Weird. If you wanna check anything anyhow, the page is http://www.konzole-slovenija.com. Your style isnt the default one yet, as we're still polishing stuff before going public, but you should be able to choose it in the quick style changer.

Once again, thanks for all the help!

[Andur1l]

Also, I just noticed that CMS content comments have an almost white background, making them unreadable.

A quick change of stylevar postbit_lite_background from #fafafa to something darker and we have liftoff!

[TheLastSuperman]

Originally Posted by Andur1l

Cause after the last update the page looks like this without it, dont know why:

http://www.shrani.si/f/3G/TO/4rbeTkRW/margin.jpg


Yea, I think you can forget about this one, I have no idea what was happening yesterday, but today it looks normally in Chrome too. Weird. If you wanna check anything anyhow, the page is http://www.konzole-slovenija.com. Your style isnt the default one yet, as we're still polishing stuff before going public, but you should be able to choose it in the quick style changer.

Once again, thanks for all the help!

It seems to me as if it's simply not importing 100% on your end... that margin shown is set to 10px but to fix in your case edit the stylevar bodyheader_margin and set the bottom value to 10 (units should already be set as PX).

Originally Posted by Andur1l

Also, I just noticed that CMS content comments have an almost white background, making them unreadable.

A quick change of stylevar postbit_lite_background from #fafafa to something darker and we have liftoff!

Again... it's blue in the version I have and the one uploaded... not sure why your having these misc issues but what you listed will work and the margin between the header/navbar is listed above .

[Zachery]

That looks trikingly similiar to one of my old color schemes superman

[TheLastSuperman]

Originally Posted by Zachery

That looks trikingly similiar to one of my old color schemes superman

Really? I just sat there one night and thought it up, I guess we could go with either it's a small world after all or great minds think alike .

[therunningman]

Hi I don't want to sound stupid but I have no idea which folder I upload this to through my FTP.
This will be the first time I install a theme skin for vbulletin & I just dont have any idea what the folder paths are. One more thing I am assuming Avengers will be the default title, does anyone know where I can change it to my own title? Hope someone can help.

[Gueldenstern]

greets from vienna, austria.
i have it install under 4.1.5 pl3 and have no problems with it. thanks.

[Andur1l]

Originally Posted by TheLastSuperman

It seems to me as if it's simply not importing 100% on your end... that margin shown is set to 10px but to fix in your case edit the stylevar bodyheader_margin and set the bottom value to 10 (units should already be set as PX).

It's already set to 10px and being utterly ignored for no apparent reason. Don't fret about it though, as I've said I corrected it with the margin-top. I probably somehow messed it up with our changes in the first place, so no biggie.

[TheLastSuperman]

Originally Posted by therunningman

Hi I don't want to sound stupid but I have no idea which folder I upload this to through my FTP.
This will be the first time I install a theme skin for vbulletin & I just dont have any idea what the folder paths are. One more thing I am assuming Avengers will be the default title, does anyone know where I can change it to my own title? Hope someone can help.

- You need FTP access, once you have that extract the .zip (remember per my notes in the description you must extract it twice due to file size restrictions here etc).
- Now go into the UPLOAD folder on your pc, drag and drop the images folder into your forum root i.e. where you also see a /images folder and tell it to overwrite.
- The Title you can change via the Style Manager in AdminCP and simply click the drop-down to the right of the style name and choose "Edit Settings".

.

Originally Posted by Gueldenstern

greets from vienna, austria.
i have it install under 4.1.5 pl3 and have no problems with it. thanks.

Awesome!

Originally Posted by Andur1l

It's already set to 10px and being utterly ignored for no apparent reason. Don't fret about it though, as I've said I corrected it with the margin-top. I probably somehow messed it up with our changes in the first place, so no biggie.

Well I wondered because you had a white background issue and so did one or two others even though in the version I have it's told to be blue just like your margin-top is already set to 10px yet it's being finicky... I just want to figure out why it's doing it for some and not others so everyone has the same style initially upon installation, what you do with it afterwords is nice to see as I personally like how you've swapped out part of the background .

[Andur1l]

Originally Posted by TheLastSuperman

Well I wondered because you had a white background issue and so did one or two others even though in the version I have it's told to be blue just like your margin-top is already set to 10px yet it's being finicky... I just want to figure out why it's doing it for some and not others so everyone has the same style initially upon installation, what you do with it afterwords is nice to see as I personally like how you've swapped out part of the background .

If I can somehow help you figuring out what causes these quirks for some of us, I'd love to help out. The least I can do with you offering this awesome skin for free. As I've said, we're still running it privately and testing everything, but if you'd like I can PM you my login details. I have faith you won't use them to post naked tranny pictures in my name. :P

Yeah, we're gonna have changing gaming backgrounds, so we had to fiddle around with them a bit. It's awesomely set up now, cause we can change either the header part, the background part or both. We're very happy with how everything's turning out.