[How To] Skin VBSEO

Notam

New Member
I would like how to change the width of the vBSEO Skin. I installed it but the width of the Skin was not as we have here on vBTEAM. It is much smaller. Can anybody guide me how to do it.
 
If you wanna do ala vbulletin.com go in AmdinCP, Styles, StyleVars and the first box you see "Main Table Width" you can change it to 760px

If you wanna do ala vbulletin.org go in AdminCP, Styles, Common Templates, and in the header template find: <!-- logo --> and just before add this line:

PHP:
<div id="container" style="width: $stylevar[outerdivwidth];">

then just below find the table structure showing like

PHP:
<!-- logo -->
<a name="top"></a>
<table bgcolor="#E1E1E2" border="0" width="$stylevar[outerdivwidth]" cellpadding="0" cellspacing="0" align="center">

and fixe teh width that way

PHP:
<!-- logo -->
<a name="top"></a>
<table bgcolor="#E1E1E2" border="0" width="100%" cellpadding="0" cellspacing="0" align="center">

always in Common templates, in the footer find:
PHP:
	vBulletin_init();
//-->
</script>

and ADD AFTER

PHP:
</div>

go in AmdinCP, Styles, StyleVars and the first box you see "Main Table Width" to change the new div with.

and go in Main CSS to add your own CSS to the last box of the page:
PHP:
#container {
background:#424242 none repeat scroll 0%;
//border-color:#FFFFFF;
border-style:solid;
border-width:0px;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-left:auto;
margin-right:auto;
min-width:912px;
text-align:center;
}

and customize this as you wish.
 
Back
Top