- Desde
- 4 Feb 2010
- Mensajes
- 706
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.
Para comenzar se recomienda el uso de Firefox, ya que usaremos el addon Enlace eliminado 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:
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.
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.
Para comenzar se recomienda el uso de Firefox, ya que usaremos el addon Enlace eliminado 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:
PHP:
{vb:stylevar forumhead_background}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.
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.Ver el archivo adjunto 4336
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 ^^.
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 ^^.
