Download: Variance

[Stars25]

File Name: Variance
File Submitter: Stars25
File Submitted: 23 Apr 2012
File Category: Professional Skins

Variance by InvisionSkins.com

Variance is a heavily modified skin that focuses on customization on a per user basis. With the click of the mouse, the user can bring up a menu with several design options.




Design options include:

• three pre-created color schemes (red, green, blue)
• default or grid category layout
• font family selector
• board width changer
  

• Includes four social media links (Facebook, Google+, Twitter, and Youtube)
• More can be added easily with a tutorial found on the Invision Skins Support Forums
  

• An additional navigation menu is available if needed
• Easily add / edit links
  

• Customizable guest message
  

• When using the grid layout, you have the ability to upload an individual icon per forum
  

Supported IPS Addons:

• Calendar
• Blogs
• Downloads
• Nexus
• IP. Content
• Chat
• Gallery
  

What's Included:

• Skin's XML files (templates and images)
• Team icon PSD file
• Logo PSD file would be included but the logo is simple HTML text for easy alteration
  

Click here to download this file

[Davyc]

Can the logo be any size or is it limited to the size on default installation?

[Stars25]

The logo is simple HTML in Variance. This allows for easy alteration to display whatever text you wish.

[Davyc]

That's a shame my logo is 594 x 175 and is a graphic. Beautiful theme BTW and I would have bought it if I could use any size logo.

Many thanks for getting back to me.

[Stars25]

You can use any size logo image instead of simply displaying the text, it would just take an alteration of the CSS or two.

If you purchased the skin, I would be happy to make the changes for you to accommodate your logo size.

[bosss]

Just purchased and install this skin ... must say that i am impressed. Very nice and clean skin... nice work Stars25!

regards

bosss

[Stars25]

Skin has been updated with some fixes for RTL support. If any more issues are found with RTL please post them here.

[ee_joseph]

Hi, Grid view forums icons are broken why?

Plus open Quick Navigation is a bit down and not centered

www.duguild.com

[ee_joseph]

Plus I would like to push the IPB wrapper down for bigger image logo. what need to be changed?

[Stars25]

When using the Grid layout, it displays a unique icon per forum. To add your own icon per forum, you need to get each icon then rename the icons as the number of the ID for that forum as a PNG file. In the next version update, I will have an option to turn this off to use the skin's default icons used in the category layout.

Are you talking about the quick nav icon that is not centered? What browser are you using because it's centered in all the ones I viewed on my board. The skin isn't available to guests on your board.

For the logo size, you just need to increase the height style in the CSS for #branding

[ee_joseph]

^ and use the easy logo changer?

I'm using Chrome.

[Stars25]

I see what you mean now. Strange, it was aligned in Chrome when I viewed it before, must of accidentally altered something that affected it in Chrome. I'll include the fix in the next released update.

As for the easy logo changer, you must revert the defaultHeader template before using it because the default logo is not actually an image file, it is just plain HTML text so the average user could easily change it to say whatever they want.

[ee_joseph]

Got it.

[ee_joseph]

Ok new Qs. I pushed the logo down 139px, I would like to have the navigation bar a little bit above where it is now. How can I do so?

Visit my site your skin is my main skin now.

Plus the Navigation bar starts from right to left how do I reverse it?

[Stars25]

Your image is too wide for the menu to be aligned in the branding bar. You either need to have a smaller in width logo or remove some items from the navigation menu.

As for reversing the menu, 3.3 made that easy, you can re-arrange menu items in the ACP.

[ee_joseph]

what would be the ideal width?

[Stars25]

It all depends on the user's resolution. At your current width, some users will experience the menu as below yet others with larger monitors/resolutions will not see the menu like that.

With the default logo text, the applications menu created the "more" button if there wasn't enough space, but I don't know why it isn't on your board. Did you edit the community_app_menu in the CSS or HTML?

[ee_joseph]

I only edit the header. To add an image thats about it.

Could you kindly give me the orgional HTML code for the logo?

[Stars25]

Here it is:

<a id="logoText" href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'>Variance</a>

[ee_joseph]

The logo & Navigation Bars are really killing me. I'm using 640px width for my logo and it is breaking the navigation bar badly, and there is still huge empty space in between them. Is there any way to position the Navigation bar on the black strip just above 'View new content'? This is very critical for me. Please help me out with it. One other note, using pro menu completely kills the skin. SO, all I want now is to re-position the navigation bar on the black strip it would solve all my problems.

Btw my screen is Full HD 1980X1080 and most of my members and visitors got full HD screen. So it does not make sense at all that the navigation bar with only 8 items falls apart because of 640 width logo.

[Stars25]

Yesterday I received a copy of the promenu so I will be able to now make my skins compatible with it in future releases. Usually, designers don't guarantee that their skins will work with all third party addons because it's impossible to make them all compatible. The promenu shouldn't kill the skin other than the promenu buttons not looking to match the skin because on another customer's board with the promenu all I had to do was skin the menu buttons to match and it worked like a charm other than that.

Since you mentioned that most of your users have Full HD monitors with high resolutions, then you could just modify to positioning elements in the CSS for the navigation menu.

Find #primary_nav in ipb_styles.css and change the top value to -78px (don't delete the semi-colon when making the change)

[ee_joseph]

^ thanks you very much :)

[ee_joseph]

I have new Q, let say I made my boards Board Width 60% (default).

Is it possible to change the background to a different image? or at least covering the empty 2 sides?

[ee_joseph]

I can report Promenu version 2.0.4 works perfectly fine with this skin ^^.

Edit: User panel, and PM page get broken from promenu.

[ee_joseph]

More Qs, I'm trying to do 2 things.

1- center the Navigation bar. Since you use float, as you know CSS float: center; is not valid.
2- While the cool option in this skin to pick Board Width works perfectly fine. When I want to change the site Width from CSS to 60% The logo and the navigation bar does not inherit it.

Kindly could you help me around it. Thank you.