Citarbuen tuto y de una gran ayuda a los que les gusta personalizar su sitio
gracias NkC
27Likes
Esta es una discusión para el tema Como encontrar una Variable de Estilo en el foro Tips y tutoriales, bajo la categoría Recursos para vBulletin (Descargas); En este tutorial les enseñare a buscar una variable de estilo especifica. Siempre nos pasa que queremos modificar nuestro estilo, pero no encontramos la variable que se debe editar.
AHORA VIDEOTUTORIAL DISPONIBLE:
http://www.youtube.com/watch?v=9iPAoOwBHmk
Para comenzar ...
Página:
URL del LinkBack
Acerca de los LinkBacks
Como encontrar una Variable de Estilo
En este tutorial les enseñare a buscar una variable de estilo especifica. Siempre nos pasa que queremos modificar nuestro estilo, pero no encontramos la variable que se debe editar.
AHORA VIDEOTUTORIAL DISPONIBLE:
http://www.youtube.com/watch?v=9iPAoOwBHmk
Para comenzar se recomienda el uso de Firefox, ya que usaremos el addon Firebug el cual nos ayudará a encontrar las variables.
Una vez abierto nuestro sitio con firefox y firebug instalado, nos dirigimos a la esquina inferior derecha donde aparece un icono de un escarabajo.
Ahora podemos seleccionar un texto, por ejemplo, y el complemento firebug nos indicará la variable CSS de dicho "objeto" en el lado derecho; y en el izquierto la etiqueta HTML donde se encuentra.
También lo podemos encontrar colocando el cursor sobre un sector del foro, con el firebug abierto en la pestaña "elements" (es la que tiene un icono como de ventana con el cursor en ella). Al igual que en el caso anterior tendremos el HTML y el CSS.
Una vez que hemos encontrado la variable que deseamos modificar nos dirigimos a nuestro Admin CP > Estilos y Plantillas > Buscar en Plantillas e introducimos el nombre de la variable, en este caso busco forumtitle
Nos aparecen un monton de posibilidades, pero como buscamos una variable de estilo nos enfocaremos en el apartado CSS Templates
He abierto forumdisplay.css, una vez aca solo debemos proceder a encontrar en el texto lo que buscamos "forumtitle". Para esto tenemos 2 posibilidades:
- Utilizar la herramienta del navegador para buscar CTRL+F
- O usar el buscador que nos proporciona vbulletin, mostrado en la imagen
Ahora solo nos queda modificar lo que deseamos, ahora importante de mencionar algunos valores definidos en el CSS que buscamos se definirán de esta forma:
Si nos encontramos con algo así no es recomendable modificarlo sino que nos dirigimos a la variable de estilo hay mencionada, en este caso forumhead_background.Código PHP:{vb:stylevar forumhead_background}
Estilos y Plantillas > Administración Estilos > Default Style > Variables de Estilo
Introducimos la variable que buscamos en el campo en blanco (es el buscador de variables) y la encontraremos, solo editar lo que se desea.
7.jpg
Espero les haya sido útil, he intentado ser lo más breve posible si encuentran que se requiere más explicación se hará más extenso el tutorial.después.
Última edición por NkC; 23/11/2010 a las 18:56
Re: Como encontrar una Variable de Estilo
Tengo una duda...
En mi caso deseo modificar el valor de "moduleinactive_text_color" ... esto lo obtuve porque encontre que necesito modificar la clase llamada asi: "color: {vb:raw moduleinactive_text_color};"
... el problema es que me voy a las variables de estilo pero no hay ninguna que se llame "moduleinactive_text_color"
¿me pueden orientar por favor?
Re: Como encontrar una Variable de Estilo
{vb:raw moduleinactive_text_color} -> No indica una variable de estilo
{vb:stylevar forumhead_background} -> Si indica una variable de estilo
Has la comparación de ambos
Re: Como encontrar una Variable de Estilo
ahhhhhhhhhhh dale... no sabia... gracias por el tips!Iniciado por NkC
{vb:raw moduleinactive_text_color} -> No indica una variable de estilo
{vb:stylevar forumhead_background} -> Si indica una variable de estilo
Has la comparación de ambos
no quiero modificar las plantillas pq con actualizaciones se va... en cambio si modifico variables de estilo la mayoria se mantiene
---------- Actualizado a las 18:41 ---------- Original a las 18:31 ----------
me rindo... por mas q busco imposible... odio esta actualizacion!
Re: Como encontrar una Variable de Estilo
estaría bueno saber como crear nuevas varibales de estilo D:... voy a ver si encuentro algo
EDIT: http://www.vbulletin.org/forum/showthread.php?t=233973
Última edición por NkC; 05/11/2010 a las 19:30
Re: Como encontrar una Variable de Estilo
Agregado nuevo video explicativo
http://www.youtube.com/watch?v=9iPAoOwBHmk
Re: Como encontrar una Variable de Estilo
{vb:raw moduleinactive_text_color} -> No indica una variable de estilo
{vb:stylevar forumhead_background} -> Si indica una variable de estilo
Has la comparación de ambos
Siento reflotar esto pero es tengo una duda al respecto y que mejor que en un hilo que trate sobre ello.
Me interesaría poder editar precisamente el contenido de las variables del estilo "{vb:raw moduleinactive_text_color}" que hasta donde yo se son variables de texto. Me interesa precisamente porque quiero darles un estilo (negrita, cursiva, etc) y no encuentro forma alguna de hacerlo.
Podrían ayudarme?
Re: Como encontrar una Variable de Estilo
Excelente, me ah ayudado con unos temas sin embargo sigo sin encontrar como modificar el color de las letras ya que el mismo me aparece asi:
En el CSS me aparece como PaddingCódigo:forumtitle
Pero no me deja cambiar el color de la letra
Agradezco de antemano la ayuda!
Re: Como encontrar una Variable de Estilo
El color de que texto quieres cambiar?
pues ademas del videotutorial
las variables de estilo tienen nombres muy intuitivos
seguro la encuentras escribiendo "text" o "color"
Agrego:
@juankalsa: Evite el doble post le respondi en el tema que abrio Aquí
