Suite Style - VB4STYLE.com | Offical Style

Hey guys,

Sorry been a while since i have released a "Free Style" so today ive made a decision to release our Official VB4STYLE.com Style.


Screenshot doesn't really do it justice, please view the demo to get a better feel for it.

Demo: vBulletin 4 Styles

- vBulletin 4.0.2 publishing suite ready

I am also looking for designers to join my VB4STYLE.com team, if you have EXP in graphic design or with vBulletin 4 templates / stylevars then please shoot me a PM asap and we can have a chat.

Please leave a Simple Thank You, if you download or use this style. :up:

EDIT: please make sure your logo is 130px in height or the search box will appear out of whack, if this occurs edit the vbulletin-chrome.css file and change the positioning of: navbar_search to align this correctly.

EDIT#2: source file and font attached.

Regards Darren

[darren1981]

Ohhh i can see your problem now...

Ok this is easily fixed.. you will need to change the height of your logo to 130px height, this will place everything back into alignment... this is caused as the height of the search input is set to a fixed position.. you can change this by editing the following CSS file:

- vbulletin-chrome.CSS

.navbar_search {
	position:relative;
	width:222px;
	bottom: 1px;
	float: {vb:stylevar left};
	{vb:stylevar right}: -{vb:math {vb:stylevar padding}*2};
	display:block;
}

Where it says width, this actually controls the height of the search input area and not the width.. Search in templates for: "navbar_search" and you fill find several areas that say width, they for some reason control the height..

So yeah either use a logo at 130px or play with the CSS to reduce the height / positioning of the navbar_search classes.

Good luck, and sorry about that. I will st this to "Float" next release.

Regards Darren

[Alecsmith]

i have changed code in vbulletin-chrome.CSS but where to change height of your logo i am not getting file

[darren1981]

just create a logo 130px in height.. i noticed your using an animated .GIF file.. if you don't have the source file i can screenshot each frame for you and create it for you, just let me know if you need me to.

[Alecsmith]

Darren i have PSD for banner i will try to make new frame with 130px if i fail i will contact u thnx.

[Xtrigit]

I really like this style.

btw, could you provide me with the .psd file for the banner/logo ?

thanks!

[darren1981]

logo source file and font used now attached in the opening post. Enjoy

[darren1981]

Quick update, the blog sidebar is showing the link color almost the same as the blog sidebar background, you can change this within your stylevars settings, this will be included in our next update of this style. Sorry about that

[worldwidereefer]

I love the style and installed, gave it the best rating.

I do have 1 question, how to remove the search box/content on the header banner. I made some changes to the banner and it now look like this.

http://www.worldwidereefers.com/cmps_index.php

I would like to remove that search box. Thanks !

[darren1981]

it's showing your default skin.. but to remove this in your stylevars section.. look in the header section of your stylevars for this style and remove the image: header-right.png and then save, this will put the standard box back...

Hope that helps, i need some shut eye now, so i'll check back tomorrow and see if you need further help.

Regards Darren

[worldwidereefer]

Perfect Thank you !