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.

[ellinofatsa]

i have this problem




its ok i fix that with upload again all the files!

[Rhodesyo]

This is a very pretty skin - thank you, Webmist. Looking forward to 4.0.3!

[twitch]

heck yeah, nice work! looking forward to 4.0.3 !

[twitch]

Thanks for the update! I'm not sure which xml file to use. There is one for the cms and blog, what are those for?

[snerd]

Fantastic skin, thanks! Only had to add Facebook and Myspace images to the social bookmarks. :up:

[Webmist]

Originally Posted by twitch

Thanks for the update! I'm not sure which xml file to use. There is one for the cms and blog, what are those for?

It's just the widgets and sidebars. Most won't need them as every things in the css templates and style variables.

[twitch]

Originally Posted by Webmist

It's just the widgets and sidebars. Most won't need them as every things in the css templates and style variables.

Thanks for the info. Do I just upload them in the CMS admin area somehow?

[Fungsten]

Your submission could not be processed because a security token was invalid.

If this occurred unexpectedly, please inform the administrator and describe the action you performed before you received this error.

I'm still getting this if I click on "Mark Forums Read".

On Edit:

It's only if there are are no threads to mark read. But still it's the only style where this is an issue.

[snerd]

Originally Posted by xTa`

Can do better, don't like it, very poor quality, but thanks anyways.
Get a look to an IPB3 adaptation on vB 3.8.4 : http://www.xtaze.net..

LOL! Ya little prick, go make your own then.

Still installed and love it.

[zonaenlinea]

Originally Posted by Webmist

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.

Ise friend is so like you said and nothing worked and what not just like you explain ise