Tema: vBulletin: Editar Header Styles

Personalizando el header
Busquemos la plantilla header, en donde se encuentra el encabezado de nuestro foro. Desde el AdminCP vamos a Styles & Templates > Search in Templates y colocamos la palabra “header” seleccionando el Style en el que lo queremos buscar. Esta búsqueda puede utilizarse para porciones de código que debemos buscar o para nombres de plantillas.



Obtendremos el siguiente listado:



Bastará con hacer doble clic en la plantilla llamada “header”, marcada en rojo en este caso, para que se abra el editor y podamos comenzar a trabajar.



Podrás ver un entorno de edición bastante sencillo, en donde creo que vale la pena remarcar dos funciones:
Por un lado la función integrada del Search dentro de la misma plantilla.
Por otro la opción para ir guardando en el historial de la plantilla agregando nuestros comentarios. Esto último nos permite revertir cambios realizados que no den el resultado esperado.
En el caso de querer modificar el logo, simplemente nos dirigimos a Styles & Templates > Style Manager y buscamos la opción de “StyleVar” en nuestro Style. Podrás ver que modificar la imagen por defecto es sencillo si has comprendido cómo almacena y busca las imágenes el foro.



Si prefieres hacerlo a tu modo, puedes tomar la porción del template en donde forma el logo y reescribirlo de un modo diferente. Por ejemplo, si quisieras un header con espacio para dos imágenes (tu logo a la izquierda y un banner a la derecha), podrías reemplazar lo que está entre comentarios <!-- logo --> por algo como esto:

Código:

<a name="top"></a>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”$stylevar[outertablewidth]” align=”center”>
<tr>
<td width=”400″><a href=”$vboptions[forumhome].php$session[sessionurl_q]“><img class=”logo” src=”style/misc/logo.gif” border=”0″ alt=”$vboptions[bbtitle]” width=”400″ height=”122″ /></a></td>
<td width=”420″><a href=”http://www.dirdelbanner.com/promo.html”><img src=”style/ads/banner.jpg” border=”0″ alt=”" width=”420″ height=”100″ /></a></td>
</tr>
</table>

De ese modo indicamos específicamente dónde guardamos nuestros archivos tanto del logo como del banner que pondremos a la derecha. Si conocemos algo de html veremos que es muy rudimentario. No tendremos problemas en encontrar documentación googleando para aprender a usar las tablas.
Si estás seguro del cambio que has efectuado en la plantilla, haz clic en “Save” para guardar los cambios. A continuación, irás al menú principal. Si haces clic en “Save and Reload”, recargará la plantilla por si deseas efectuar cualquier cambio adicional.

Muy bien explicado para las plantillas comunes funciona de maravilla le que se me complica es cuando tienes que acomodar la variante seguida de el logo
cuando tu plantilla trae in bottom adicional en el Navbar con un memberbox que no se acopla al cuerpo del foro si modifico -Ancho de la Tabla Principal- solo se angosta el cuerpo del foro pero en Navbar no cambia de tamaño