Blogger invitada: Nekko 6 de Mayo de 2009 a las 10.11
   Imprimir artículo
elWebmaster.com

Taller de vBulletin: Styles para personalizar mi foro

Los Styles (themes, skins, temas o estilos) son entornos gr谩ficos聽para nuestro foro que nos permiten cambiar su apariencia. Como en todas las plataformas, los hay gratuitos y pagos.

En vBulletin.org tenemos secciones dedicadas a estilos para modificar la visualizaci贸n, tanto de todo lo que ven los foreutas, como tambi茅n el dise帽o del panel de administrador y moderaci贸n (separados por versi贸n de plataforma). Aqu铆 te explicamos c贸mo seleccionar, descargar e instalar un style en tu foro.

Todos los styles que se ofrecen en vBulletin.org son gratuitos y vale la pena mirar ah铆 primero antes que en el resto de los sitios. Muchos de esos estilos son actualizados cada dos o tres meses, atendiendo a los cambios en las plantillas que se efect煤an cada vez que saltamos de versi贸n. De ese modo mantenemos nuestro skin actualizado a la misma versi贸n que la plataforma.

Si necesitan buscar otros sitios en donde mirar styles gratuitos y premium, prueben con estos:

style01
style02
style03 style04
style05 style06
style07 style08

Versiones de Style y funciones

La versi贸n del style que vayamos a utilizar deber铆a聽guardar relaci贸n con la versi贸n del foro que tenemos instalado. Recordemos que聽cuando la plataforma cambia聽el modo de visualizaci贸n de alguna secci贸n, estos cambios deben reflejarse en las plantillas para que puedan ser correctamente mostrados. Por ejemplo, si instalamos聽un style para la versi贸n 3.6.x en un foro 3.7.x, no podremos visualizar jam谩s la secci贸n de Social Groups por el simple motivo de que no figura en el template el acceso a tal secci贸n.

La funci贸n de revertir plantillas nos ser谩 sugerida desde el admincp. Esto podemos hacerlo si conocemos bien las personalizaciones que incluimos en el style. Generalmente se revierten individualmente todas las plantillas sugeridas menos las personalizadas, a las que se les deben incluir los cambios m谩s cr铆ticos de modo manual.

Siguiendo con el ejemplo planteado, revirtiendo la plantilla del navbar tendr铆amos acceso desde “Enlaces” a la funci贸n de Social Groups (tambi茅n deber谩s permitir el acceso a la secci贸n para cada usergroup).

驴Fixed o Fluid?

Muchos de estos themes se ofrecen en ambas versiones y si bien “se dice” que la mayor铆a de los usuarios utiliza Fixed, esto no es as铆 siempre y es bueno poder ofrecer la versi贸n Fluid a nuestros usuarios, por lo que tener ambas versiones del mismo style es ideal.

Recordemos que fixed es cuando el ancho del foro se da en un valor fijo en p铆xeles, mientras que fluid posee un valor relativo en porcentaje a la resoluci贸n que utiliza el usuario para navegar.

Instalar un Style

Navegando por vBulletin.org encontr茅 el style Kirsch (para 3.7.x) que tiene su versi贸n en Fixed y en Fluid. Lo descargu茅 en mi PC y lo descomprim铆. Contiene varias carpetas en donde separa los archivos adicionales al style (psd, fonts,xml)聽y est谩 todo explicado en un archivo readme.txt del autor.

style-a

Seg煤n las instrucciones debemos buscar y subir el directorio kirsch dentro de images. Si observamos el style descomprimido veremos que la carpeta kirsch est谩 dentro de una carpeta images. Desde nuestro FTP no tenemos m谩s que mover la carpeta images hacia el ra铆z de nuestro foro y quedar谩 todo en el sitio correcto.

style-b

El siguiente paso es ir a nuestro AdminCP > Styles & Templates > Download /Upload Styles > Import Style XML File. All铆 le indicaremos si queremos instalar la versi贸n Fixed (kirsch.37x.fixed.xml) o Fluid (kirsch.37x.fluid.xml). Para ello, al explorar nuestra PC debemos buscar los archivos indicados dentro de la carpeta Kirsch vB37x\XMLs.

Completemos los campos como sigue y finalmente cliqueamos en “Import”.

style-c

Si vas a instalar la versi贸n Fixed y Fluid, te conviene que el Title (T铆tulo) sea bien espec铆fico con esa cuesti贸n. 隆Recuerda hacer clic en Install, en el thread del autor de este Style si lo vas a utilizar!

Ahora bien, el theme todav铆a no se visualiza por defecto y muchas personas quiz谩s no lo puedan elegir. Coloquemos la versi贸n Fixed por defecto y permitamos que los usuarios puedan elegir alternar con la versi贸n Fluid.

style-dPara la primer parte vayamos a vBulletin Options > Style & Language Settings.

Indicamos qu茅 style queremos que aparezca por defecto y si permitimos o no que los usuarios cambien el estilo.

Luego nos dirigimos a la solapa Styles & Templates > Style Manager. All铆 tenemos que retirar la tilde que est谩 a la izquierda del Default Style y corregir, de ser necesario, el orden en el que se聽muestran los estilos simplemente colocando el n煤mero y cliqueando en Save Display Order.

style-e

Una salvedad que debo realizar es que cada style se instala en directorios diferentes, por lo que no siempre deber谩s subir los archivos del zip dentro de la carpeta images. Algunos dise帽adores prefieren colocar los archivos de su style en una carpeta dentro del ra铆z del foro.

style-f

En el caso de que tengas problemas con las rutas, deber谩s constatar que las imagenes que busca el style (Styles & Templates > Style Manager > StyleVars) est茅n en la ruta indicada.

Espero que hayan podido subir sus styles sin problemas.

En la clase siguiente veremos c贸mo modificar el header y el postbit un poquito para dejarlo a gusto.

<< CLASE ANTERIOR

Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (1)

  1. Sebastian dice:

    cuando aran un tuto sonbre styles para vb 4

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesi贸n