Jump to content



Photo

Fixed width vBulletin Skins


  • Please log in to reply
6 replies to this topic

#1 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 15 November 2010 - 07:59 PM

This is taken from a post from vBulletin. And works with all of our skins.



http://www.vbulletin...-Style-Template

I wanted to do a short video tutorial on how to resize the general width of your vBulletin 4 Forum. Many vbulletin 4 themes that have come out are only available in “fluid style,” meaning it takes up the whole computer screen. I want to show you how to quickly make it a “fixed style” that can be resized to your needs.

To get started, log in to your admin cp and click on “Styles and Templates" > "Style Manager"> and choose the style you want to edit. On the drop down field choose StyleVars.

In the search field, just type in “doc.”

Afterwards you should see doc_maxwidth under the “Common” category. Click on it.

After clicking you’ll see two options, “units” and “size.” The units drop down field is basically a list of formatting rules that correlates to the size field. The size field is where you input the max number size of your style width.

As an example I will choose “px” which stand for pixels. In the size field, I will input 1050. Click save.

Before going back to check on your forum, we want to make sure that the style is centered aligned.

Go back to your stylevar and choose doc_margin.

On the left and right fields, input auto for both fields and Save.

Now go back to your forum and see if the width is right for your style. If not, you can go back to the doc_maxwidth stylevars and edit the size to any number you deem perfect for your forum.


Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#2 xabo

xabo
  • Customer
  • 11 posts

Posted 01 December 2011 - 09:07 AM

Any way to move the login box when you change to fixed?

Like on my website, www.gamecon.no it`s kinda.. screwed :)

#3 tsac

tsac
  • Members
  • 4 posts

Posted 01 December 2011 - 12:53 PM

Try going to: Style manager > edit templates > scroll down and find: header > open it up and look for the line:

<div id="toplinks" class="toplinks" style="padding-right: 50px;">

Try changing 50px to something like 300px? Have to experiment a bit.

Good luck!

#4 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 01 December 2011 - 04:02 PM

Also in your additional.css add this:

.toplinks {
position: relative;
}

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#5 xabo

xabo
  • Customer
  • 11 posts

Posted 02 December 2011 - 11:11 PM

Any easy way to fix the social icons aswell? =)

#6 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 05 December 2011 - 09:44 PM

Looking at your forum, http://www.gamecon.no/forum.php

You seem to have the "<div id="crumbR">" after the body_wrapper DIV, did you change them around or forget to close the </div>

Send me a support ticket and we can work this out.

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#7 OleRedNeck

OleRedNeck
  • Customer
  • 6 posts

Posted 14 October 2012 - 03:38 PM

That changes the whole page size..how do i keep the background image full size (Fill whole page) and just change the VB forum size down to about 75% of the whole page? Anyone? I thought i would ask here to since ive made 3 other post without an answer to either.. Any help completing what im trying to achieve would be greatly appreciated.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Links

Customers

Our Network

Our Friends