Go Back   vb.org Archive > vBulletin Styles and Graphics > vBulletin Styles > vBulletin 4.x Styles
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Avenger Blue Style by TheLastSuperman Details »»
Avenger Blue Style by TheLastSuperman
Version: 1.00, by TheLastSuperman (Senior Member) TheLastSuperman is offline
Developer Last Online: Oct 2023 Show Printable Version Email this Page

Category: Suite Style - Version: 4.2.x Rating:
Released: 08-27-2011 Last Update: 01-27-2014 Installs: 167
Supported
Additional Files  

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:

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

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

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

Download Now

File Type: zip Innovation_by_Instinct-Avenger_Blue-Compressed.zip (2.78 MB, 586 views)
File Type: zip Innovation_by_Instinct-Avenger_Blue-vB4.1.8-Compressed.zip (2.79 MB, 802 views)
File Type: zip Innovation_by_Instinct-Avenger_Blue-vB4.1.9-Compressed.zip (2.73 MB, 102 views)
File Type: zip Innovation_by_Instinct-Avenger_Blue-vB4.2.1-4.2.2-Compressed.zip (2.95 MB, 779 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #142  
Old 10-12-2011, 11:10 PM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by GaryT View Post
I'm simply trying to figure out what CSS controls this area I have been inquiring about. I can make my own changes if I just know where to look.

Thanks
So far off the top of my head it was quite a few, I would rather release the new update then you can compare using Firebug to sort if some still exist or set the master profile css for some parts and adjust each individual style to sort the remaining misc issues.

Quote:
Originally Posted by line89 View Post
The Styles for New/Older Mobile browsers in the admincp is on default
Set those to "None" and that should sort the issue .
Reply With Quote
  #143  
Old 10-13-2011, 12:10 AM
line89 line89 is offline
 
Join Date: Apr 2011
Posts: 7
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Setting to NO did not help, maybe its the way i install it wrong.
Since i have not found a installation description here i used following way to install your skin.

Double extracted your Skin.
Uploaded the avenger_blue folder with contents into my forum/images folder.
I know have the avenger_blue folder with its files under my forum/images folder

I then went to ACP > Download / Upload Styles
Uploaded the Fluid XML file via "EITHER upload the XML file from your computer"
Ignore Style Version YES / No Parent Style / Display Order 10 / Allow User Selection OFF (for now)
Import

ACP Response:
Updating style information for each style...

Default Style ... (Templates) (StyleVars) (Replacement Variables) (CSS) (Controls) Done.

Avenger Blue - Fluid ... (Templates) (StyleVars) (Replacement Variables) (CSS) (Controls) Done.

Again only the Forums uses the Style.

**Im not an English native speaker so forgive my English and thanks for your work.
I updated to 4.1.7 after i discovered these problem and read that you will be delivering an update. As i said earlier i can wait.
Reply With Quote
  #144  
Old 10-13-2011, 12:27 AM
K4GAP K4GAP is offline
 
Join Date: Mar 2008
Posts: 1,255
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Disregard my posts, uninstalled.
Reply With Quote
  #145  
Old 10-13-2011, 01:42 AM
line89 line89 is offline
 
Join Date: Apr 2011
Posts: 7
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I got it enabled for CMS but i had to edit the Settings (click the Pencil on Main Section its usualy TLD/content.php/YouRSectionName/edit Page).

In the Style Drop Down i selected Board Defaults and saved. When i rechecked he Settings it was now on Inherit.

Anyway its working for now. Hope this helps others when they want to install it.

I am wondering now since I'm new to all this if it would have been wiser to install this Style as child of the Default one. Any advice would be greatly appreciated.

****update:
Clicking on a News "...read More" switches to default Style on the selected Newspage
Reply With Quote
Благодарность от:
TheLastSuperman
  #146  
Old 10-13-2011, 02:10 AM
CharlieDelta CharlieDelta is offline
 
Join Date: Apr 2010
Posts: 616
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by GaryT View Post
Maybe you can help me Sir,
I have white backgrounds as shown in my attachment that do not allow me to see whats there. Where do I find the code to change the background color?
Superman is correct, part of that is due to the profile customization but you can try the following stylevars;
Code:
blockbody_background
and
Code:
blocksubhead_background
Reply With Quote
  #147  
Old 10-14-2011, 02:22 AM
mtalks's Avatar
mtalks mtalks is offline
 
Join Date: May 2007
Location: US
Posts: 18
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Very Nice professional looking skin. One of the better looking VB skins I have seen in some time. Installed and thanks for taking the time to release it. I have it installed on my 4.17 release and seems to be fine.
Reply With Quote
Благодарность от:
TheLastSuperman
  #148  
Old 10-15-2011, 04:29 AM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by GaryT View Post
I'm simply trying to figure out what CSS controls this area I have been inquiring about. I can make my own changes if I just know where to look.

Thanks
In additional.css find:

Code:
/* ---------------------------New CSS Definitions------------------------------- */
Add under:

Code:
.blockrow.member_blockrow {
	color: {vb:stylevar sidebar_content_color} !important;
	-moz-border-radius:{vb:stylevar border_radius} !important;
	-webkit-border-radius: {vb:stylevar border_radius} !important;
	border-radius: {vb:stylevar border_radius} !important;
	background:{vb:stylevar sidebar_content_background} !important;
	border: 0px solid #2b3851 !important;
	_background-image: none !important;
	padding:{vb:stylevar vbcms_widget_content_padding} !important;
	-moz-box-shadow: inset -2px 2px 2px {vb:stylevar shadow_color} !important;
	-webkit-box-shadow: inset -2px 2px 2px {vb:stylevar shadow_color} !important;
	box-shadow: inset -2px 2px 2px {vb:stylevar shadow_color} !important;
}

dl.stats dt, #sidebar_container dl.stats, #sidebar_container .blockbody.userprof_content, #sidebar_container .userprof_content .time, .userprof_content .time  {
	color: {vb:stylevar sidebar_content_color} !important;
	background-color: transparent;
	background-image: none;
}

.mini_stats.blockbody.userprof_content.userprof_content_border {
	color: {vb:stylevar sidebar_content_color} !important;
}

.stats {
	color: {vb:stylevar sidebar_content_color} !important;
}

.block.userprof_editor.userprof_moduleinactive.userprof_headers {
        background: transparent !important;
	border: none !important;
}

.formcontrols.profile_editor_border {
        background: transparent !important;
	border: none !important;
}

.actionbuttons.transparent {
        background: transparent !important;
	border: none !important;
}

.member_blockrow.userprof_headers.userprof_headers_border {
        background: #222937 !important;
	border: 1px solid {vb:stylevar mid_border.borderColor} !important;
        color: rgb(205, 205, 205) !important;
}

.vm_blockrow.userprof_content.userprof_content_border {
        background: #222937 !important;
	border: 1px solid {vb:stylevar mid_border.borderColor} !important;
        color: rgb(255, 255, 255) !important;
}
That will solve most of the profile styling issues but the other areas may still revolve around profile customization. I also noticed in another thread you stated that you have all Dark styles currently disabled until you figure this out? Try that same code in those dark styles of course replacing the #222937 background colors respectively and it may solve most if not all of your CSS issues .
Reply With Quote
  #149  
Old 10-15-2011, 08:17 PM
K4GAP K4GAP is offline
 
Join Date: Mar 2008
Posts: 1,255
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

The white area I'm trying to get rid of affects all my dark styles not just yours. Your style is the best one I have but if I can't resolve this issue, I'm just going to have to run one of the crappy whitish styles.

I've tried everyone's suggestions.

Honestly it surprises me that I never got an answer to asking what css drives those white blocks?

I need to drop the issue before it racks my brain. I Don't need the stress.
Reply With Quote
  #150  
Old 10-16-2011, 12:12 AM
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Member
 
Join Date: Sep 2008
Location: North Carolina
Posts: 5,844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by GaryT View Post
The white area I'm trying to get rid of affects all my dark styles not just yours. Your style is the best one I have but if I can't resolve this issue, I'm just going to have to run one of the crappy whitish styles.

I've tried everyone's suggestions.

Honestly it surprises me that I never got an answer to asking what css drives those white blocks?

I need to drop the issue before it racks my brain. I Don't need the stress.
Gary... those css definitions I listed in the post above yours *hopefully* should fix your issue have you checked yet? Those are the ones you must edit although I've found another way by calling a css file in the MEMBERINFO template itself. If the CSS fix I listed does not solve your issue completely let me know via PM and I'll shoot over some instructions for a quick test in your memberinfo template using <style="text/css" etc .
Reply With Quote
  #151  
Old 10-16-2011, 11:47 AM
setishock setishock is offline
 
Join Date: Feb 2008
Location: Houma, La.
Posts: 1,177
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

TheLastSuperman,
Although this theme is a 8 on the Seti wowmeter, I just can't use another dark theme. Would you consider making a light theme for use on say an anime forum? I was porting over a vb3 theme called Anime Planet but dropped it due to not asking if it was ok. It appeared the coder had abandoned it but my conscience said to stop.
So in light of that my half-a**ed attempts to make a theme have been terrible at best. Would you consider making one?
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:16 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.16872 seconds
  • Memory Usage 2,404KB
  • Queries Executed 28 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (7)bbcode_code
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (3)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (26)post_thanks_box_bit
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (3)post_thanks_postbit
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (4)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete