Suite Style - IPB3 Style to vB4

IPB3 Style on vB4 Suite

A simple port featuring styling from IPB3. Features some new thread marker icons. Changed around the search box to allow more room for the navigation bar to spread out if sites have more than normal tabs. Be aware that for the tab size it is 120px for the tab image alone. Don't make your site width shorter than your navbar tabs width. Otherwise you'll break it. For any additional header image it's suggested to use the following template to insert them into. AdminCP->Styles & Templates->Style Manager->IPB Style->Edit Templates. Select Ad Location Tempaltes->ad_global_header1. It's a blank template so just insert the image code.

To Install:
PLEASE Revert all templates before upgrading. I've scaled down on templates that are modified to 3 (additional.css, vbulletin-chrome.css, and footer.css)


* GoTo AdminCP->Styles & Templates->Download / Upload Styles and import the xml file into a new style
* FTP the image folder into your root forum directory. This will create a directory images/IPB.


I've checked out the layout for IE 7, Firefox 3, Safari 4, and Chrome. Any other browsers I haven't see what it looks like. IE6 may have some issues because of the png files.


Included is the zip file:
Image Directory with images.
XML File to import
PSD logo to add your own logo/graphics



Supported Layouts for vBulletin
-CMS
-Forums
-Blogs

To check out a live demo go here.


Version 1.01 for vB4.0.1


Verson 1.02 for vB4.0.2

• Corrected collapse headers.
• Straightened Out Icon Legend on forum display
• Fixed Width should be adjustable within reason
• Search taken out of navbar and placed in header.
• Formatted the Blog and CMS to match the forums.

Verson 1.04 for vB4.0.4P1

• Updated images
• Fixed/Updated templates with security token authentication.
• Adjusted image icon legend for spacing.

Should be okay now.[/LIST]
Verson 1.05 for vB4.0.5P1

• Updated images
• Reverted all templates and started with new template edits.
• Now only has 3 templates that are modified.

[Webmist]

IPB V 1.0.3
Updated css files.
Added some more custom icons.
Corrected some previous colors.
Modified new style variables for 4.0.3.
Included CMS and Blog xml file seperately.



This theme was created with a base install of vbulletin 4.0.5.
This theme is not intended to be a child theme. The CSS will not play well.

Over the next month I've got a couple of major jobs to complete and another theme I'm working on. I'll try my best to get back here and fix any bugs I see.

[forexjoker]

Awesome!! Thanks a lot.

[eTiKeT?]

Hımmm Nice Style Thanks
İnstalled ...

[brattanek]

In Chrome I have a little bug on Icon Legend:

[LbR]

Awesome man, Installed it up

[LbR]

Originally Posted by brattanek

In Chrome I have a little bug on Icon Legend:

Expanding button you mean?

[brattanek]

Originally Posted by LbR

Expanding button you mean?

Yes, in IE is ok

[Delifed]

Hmm i like it. But the logo kinda is all by its self. Like it is a bit to far spaced. Also search kinda is all alone and people wouldn't know about it.

[Webmist]

Originally Posted by brattanek

In Chrome I have a little bug on Icon Legend:

It's actually the style variables at work.

To correct if you don't like there are 2 css templates you'll have to edit.
In forumdisplay.css
FIND:

dl.icon_legends dt {
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

REPLACE WITH:

dl.icon_legends dt {
	float: {vb:stylevar left};
	clear: {vb:stylevar left};
	margin-{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}

Then in forumhome.css
FIND:

.wgo_subblock dl.icon_legends dt {
	float: {vb:stylevar left};
	clear: {vb:stylevar right};
	margin-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}

REPLACE:

.wgo_subblock dl.icon_legends dt {
	float: {vb:stylevar left};
	clear: {vb:stylevar left};
	margin-{vb:stylevar left}: {vb:math {vb:stylevar padding}/2};
}

It's just changing the variables to the left instead of the right.