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!

[TheLastSuperman]

Originally Posted by customcolor

fixed it! i had to change the layer in vbulletin chrome ccs. it was set to like 9999999

changed it to 100

PHP Code:

* 2}px;
    background:{vb:stylevar navbar_background};
    margin:{vb:stylevar navbar_margin};
    color:{vb:stylevar navbar_color};
    font:{vb:stylevar navbar_font};
    border:{vb:stylevar navbar_border};
    -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};
        z-index: 100 !important;
} 


I forgot that was still there, it will be completely removed in the new version and for now you can completely remove the z-index from the navbar css in this style .

[Raedahn]

Any chance of posting the PSD for the title banner? Wanna use that for my forum.

[TheLastSuperman]

Originally Posted by Raedahn

Any chance of posting the PSD for the title banner? Wanna use that for my forum.

No matter if it's by me or made by one of my employees I don't release PSD's however it's easy to re-create, simply use a large font (white) and throw a border/stroke on it (grey) and your done .

[TheLastSuperman]

Originally Posted by GaryT

The background image that suddenly cuts off halfway down the page was the only thing I sorta, kinda didn't like. So I added a few hundred pixels to the bottom of it. The image I am talking about is the "background_bottom" image. If anyone needs it they can get it www.livinginkentucky.com/files/background_bottom.png

Again, thank you so very much for putting up with me and others that have bugged you to death about this style. But, I really do have to say this IS the best style of it's type in existence.

Well it's supposed to cut off where the color is the same as the background-color... so while it has a image that seems short it should blend right into the color set as the background. Are you saying that something in your version made it act differently?

Ahh it's no big deal, I don't mind at all my only pet peeve is what I mentioned in post #263 but other than that I enjoy making styles... more so than modifications .

[K4GAP]

Originally Posted by TheLastSuperman

**snipped*Ahh it's no big deal, I don't mind at all my only pet peeve is what I mentioned in post #263 but other than that I enjoy making styles... more so than modifications .

I'm probably guilty of that myself to a certain degree. I like your honesty. Just keep the updates coming

P.S. My site is not there to make any money but, as soon as I come across a few extra bucks I'll show my appreciation via Paypal. And as you are probably getting tired of me saying, this IS THE BEST style of it's type in existence!

[Matscolan]

Hey
Really love the theme and installing now, just got one question you may be able to help me with.
Do you know the setting which controls the width of the yellow forum title & the white description below it on the forum home page shown in your images above?
Currently a title/description will go to about 50% of the row then move down to the next row, I just can't figure out what controls that so I can set it to 100%.

Thanks for any help you can provide.

[TheLastSuperman]

Originally Posted by GaryT

I'm probably guilty of that myself to a certain degree. I like your honesty. Just keep the updates coming

P.S. My site is not there to make any money but, as soon as I come across a few extra bucks I'll show my appreciation via Paypal. And as you are probably getting tired of me saying, this IS THE BEST style of it's type in existence!

I'd rather have you say Thanks 100 more times then spend money although you may tire of that yourself before I do lol... I mean I truly appreciate the sentiment but I didn't join here ever expecting a donation . I was raised by my grandmother and in the South so I was taught that - "If a person tries to pay you for something, turn them down the first time and say it's not required because that's how people should be, if they try a second time then take the money so you don't offend them because some truly want to be kind by paying in the same manner your trying to be kind by not taking the money" and that has done me well to date, I must say that my Grandmother is one smart woman .

Originally Posted by Matscolan

Hey
Really love the theme and installing now, just got one question you may be able to help me with.
Do you know the setting which controls the width of the yellow forum title & the white description below it on the forum home page shown in your images above?
Currently a title/description will go to about 50% of the row then move down to the next row, I just can't figure out what controls that so I can set it to 100%.

Thanks for any help you can provide.

Are you speaking about the navbar tab width or the breadcrumbs? Take a screenshot then upload it here as a attachment for me to check out, thanks!

[Matscolan]

Are you speaking about the navbar tab width or the breadcrumbs? Take a screenshot then upload it here as a attachment for me to check out, thanks!

As you can see the text currently stops along 50% of the bar, I would like to have the text run to the end of the bar.
I have already remove the last post details but I can find no option within any divs to set the width of the text area.

Thanks

[EuroBeat2]

I am still playing with your style. And here is what I noticed. When using option replay with quote in FORUM , quote is placed in transparent box with black outline (see left attachment). Black color is hardly visible. However, in BLOG you used different approach (see right attachment). Here you used lighter shades of background retaining black outlined box. Interestingly the small black outline of the triangle being black gives the awkward results (I highlighted that area in yellow box.

Could you make "quoting" consisted in both BLOG and FORUM by either change outline color to white (for better visibility), or fix that triangle? That would be great.

Thank you.

EB

[TheLastSuperman]

Originally Posted by Matscolan

As you can see the text currently stops along 50% of the bar, I would like to have the text run to the end of the bar.
I have already remove the last post details but I can find no option within any divs to set the width of the text area.

Thanks

In any <div> no matter what (not all like this and prefer simply using class="mydefinition") you can add in style="width:225px;" to the <div> code even if it has a class to try and overwrite or simply wrap it in another <div> w/ a class assigned.

As for your notes... well it seems off but edit a forum description AND make a new thread using a very long title and you'll notice it looks fine see this attachment:



So therefor yes, you will be required to edit a little in order to make it match your style and settings such as thread title length and more if you've made changes. Edit: Ahh ok I misread part of your reply initially... removing last post by... actually you should be able to sort most of this via a few simple changes in css, hiding some parts in additional.css by using display:none and then a template edit or two including maybe vbulletin.css or vbulletin-chrome.css I would have to look because off the top of my head I can't think about all the templates and what to modify however I've done that before so it can be done .

Originally Posted by EuroBeat2

I am still playing with your style. And here is what I noticed. When using option replay with quote in FORUM , quote is placed in transparent box with black outline (see left attachment). Black color is hardly visible. However, in BLOG you used different approach (see right attachment). Here you used lighter shades of background retaining black outlined box. Interestingly the small black outline of the triangle being black gives the awkward results (I highlighted that area in yellow box.

Could you make "quoting" consisted in both BLOG and FORUM by either change outline color to white (for better visibility), or fix that triangle? That would be great.

Thank you.

EB

Ahh thanks for the catch, I'll include a fix in the new version .