(Solucionado) Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

  • Autor Autor imported_Monito
  • Fecha de inicio Fecha de inicio
I

imported_Monito

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hace casi 2 meses en http://www.vBulletin.org añidieron la posibilidad de poder elegir entre "fixed" y/o "fluid" asi como 5 tonos distintos para los gradiets (tcad, thead, fondos, etc.) del theme que tienen, para mas sencillo observen la siguiente imagen

Ver el archivo adjunto 1278

De que manera lo realizaron?

con este "hack" haces lo de los "colores" aunque en vb.org no lo hicieron de esa manera:

Notese que en vb.org cuando pones el cursor encima de los "cuadritos" no aparece .....foro.php?style=x (como aparecer con dicho hack si no que aparece como si hubiesen "programado" un plug-in y/o hack para hacer dicho cambio, es decir aparece misc.php?do=changestyle&color=color

Alguien sabe de que manera hicieron eso?

P.D. en el foro de "Atakan Koc y Hassan (de los mejores creadores de hacks en vb.org)

vBulletin-Turkey.Com

Podran observar que en el navbar han conseguido eso mismo de los colores, pero empleando "javascript" el cual no hace el "refresh" es decir como si utilizara "AJAX" para realizar dicho cambio, esta opcion se me hace mucho mas interesante.

Saludos.
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Lo hicieron programando PHP. Yo tambien implemente javscript, creo que es mejor, te ahorras varias consultas y usa AJAX.
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Gasper dijo:
Lo hicieron programando PHP. Yo tambien implemente javscript, creo que es mejor, te ahorras varias consultas y usa AJAX.
Hacer clic para expandir...

Podrias facilitarnos el código?

Si no puedes no pasa nada 🙂

Gracias y Saludos.
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

El codigo javascript quieres o el php??
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Gasper dijo:
El codigo javascript quieres o el php??
Hacer clic para expandir...

Pues llamemosle "hack" me gustaria el hack completo (javascript y .php) para poder implementarlo en un foro ya que el mio esta temporalmente offline 🙁

Y en donde se agrega dicho codigo?
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Monito, tú que eres una persona inquieta, ¿por qué no intentas conseguirlo por tí mismo?. Te sentirás mucho mejor 🙂

Intentalo!!

Una pista: En vBulletin-Turkey utilizan un javascript de dynamicdrive
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

mcloud dijo:
Monito, tú que eres una persona inquieta, ¿por qué no intentas conseguirlo por tí mismo?. Te sentirás mucho mejor 🙂

Intentalo!!

Una pista: En vBulletin-Turkey utilizan un javascript de dynamicdrive
Hacer clic para expandir...

*Monito quitandose la inquietud xD*

Gracias Mcloud, a buscarle 😉

Saludos 🙂

mcloud dijo:
Monito, tú que eres una persona inquieta, ¿por qué no intentas conseguirlo por tí mismo?. Te sentirás mucho mejor 🙂

Intentalo!!

Una pista: En vBulletin-Turkey utilizan un javascript de dynamicdrive
Hacer clic para expandir...

Ya encontre el codigo empleado, ahora mi duda es...

¿Como defino los parametros para que al momento de dar click sobre "x color" se cambie el theme (thead, tcad, etc.) a dichos tonos

En el codigo marca algo asi como esto:

PHP: 
<link rel="stylesheet" type="text/css" href="default.css" />
<link rel="alternate stylesheet" type="text/css" media="screen"  title="blue-theme" href="user.css" />
<link rel="alternate stylesheet" type="text/css" media="screen"  title="brown-theme" href="user2.css" />

Pero la cosa es como saber que meter en "default.css, user.css y user2.css"?

De antemano gracias.

Saludos.
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Ta faltaría el archivo styleswitch.js, y las tres imágenes donde pinchar.
Imagino que ya te habrás dado cuenta de que debes tener tres css (default, user y user2), cada uno definirá los colores de uno de los estilos.

Luego, en función de donde quieras que vaya, deberás poner el código que llame al script.

Si quieres ponerlo en la navbar, deberás editar esa plantilla y poner el siguiente código (es un ejemplo ¿Ok?):
HTML: 
<td class="vbmenu_control">
<a href="javascript:chooseStyle('default', 60)"><img class="inlineimg" src="images/default.gif" alt="Tema Default" border="0" /></a>
<a href="javascript:chooseStyle('user', 60)"><img class="inlineimg" src="images/user.gif" alt="Tema User" border="0" /></a>
<a href="javascript:chooseStyle('user2', 60)"><img class="inlineimg" src="images/user2.gif" alt="Tema User2" border="0" /></a>
</td>
Con el archivo .js, las imágenes y los tres css, en menos de diez minutos lo tendrás listo. Lo mas complicado puede parecer tener que crear los archivos .css, pero puedes descargarte alguno e ir modificandolo, o modificar en tu foro el del estilo default. Verás que no es tan dificil.

Ya nos contarás.

Un saludo
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Si note eso que me comentas desde un inicio, solo lo que no se es ¿Como modificar el .css para cambiar los colores? donde esta el .css de theme por default para hacer las modificaciones y guardarlo con otro nombre "defaultblue.css, defaultred.css, defaultpurple.css, etc"

Gracias Mcloud.
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Si tienes seleccionada la opción de guardar el css como archivo, lo encontrarás en la carpeta /clientscript/vbulletin_css, si no lo tienes así, cambialo y luego lo buscas en esa carpeta.

Tambien puedes descargar uno de cualquier sitio.

Aquí tienes tres:
vbulletin.com
rojizo
otro

Para cambiar los colores, debes hacerlo en el CSS Principal e ir probando para dejarlo a tu gusto. Te en cuenta que los botones no cambiaran de color y que las imágenes, como por ejemplo gradient_tcat.gif, tambien deberas modificarlas.

El trabajo no es dificil, pero requiere su tiempo.
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Copiando esos CSS de ejemplo que me pusiste realice lo siguiente:

En navbar puse lo siguiente:
PHP: 
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="kirmizi.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="purple-theme" href="mor.css" />

<script src="styleswitch.js" type="text/javascript">
/***********************************************
* Style Sheet Switcher v1.1- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
</head>

<body>
<td class="vbmenu_control">
<a href="javascript:chooseStyle('default', 60)"><img class="inlineimg" src="http://www.vbhispano.com/foros/images/mavitema.gif" alt="Tema Default" border="0" /></a>
<a href="javascript:chooseStyle('kirmizi', 60)"><img class="inlineimg" src="http://www.vbhispano.com/foros/images/kirmizitema.gif" alt="Tema Rojo" border="0" /></a>
<a href="javascript:chooseStyle('mor', 60)"><img class="inlineimg" src="http://www.vbhispano.com/foros/images/mortema.gif" alt="Tema Morado" border="0" /></a>
</td>
</body>
</html>
Tengo subidos los archivos
kirmizi.css
mor.css
default.css
styleswitch.js

en raiz de mi ftp (donde esta el index.php)

Se me visualizan las imagenes para realizar el cambio



En la parte de la barra de estado si me aparece el codigo
javascript:chooseStyle('mor',60)

Solo que no realiza el cambio, a que se podra deber, que me falto de configurar?

Saludos.

Nota: en las imagenes tengo la ruta "relativa" es decir "/images/nombre.gif" solo que el vbseo de vbhispano le agrega automaticamente lo de "http://www.vbhispano.com/images/nombre.gif" es por eso que aparece asi en el codigo que puse arriba :/

P.D. Ya probe agregando el siguiente codigo en headinclude y/o header y tampoco me funciona
PHP: 
<head>
<link rel="stylesheet" type="text/css" href="default.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="kirmizi.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="purple-theme" href="mor.css" />

<script src="styleswitch.js" type="text/javascript">
/***********************************************
* Style Sheet Switcher v1.1- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
</head>
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

Prueba a hacer esto:

En la plantilla headinclude busca lo siguiente:
HTML: 
<!-- / CSS Stylesheet -->
Justo encima pega esto:
HTML: 
<link rel="alternate stylesheet" type="text/css" media="screen" title="default" href="default.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="red-theme" href="kirmizi.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="purple-theme" href="mor.css" />
<script type="text/javascript" src="styleswitch.js?v=$vboptions[simpleversion]"></script>
En la plantilla navbar pega lo siguiente:
HTML: 
<td class="vbmenu_control">
<a href="javascript:chooseStyle('none', 60)"><img class="inlineimg" src="images/mavitema.gif" alt="Tema Default" border="0" /></a>
<a href="javascript:chooseStyle('kirmizi', 60)"><img class="inlineimg" src="images/kirmizitema.gif" alt="Tema Rojo" border="0" /></a>
<a href="javascript:chooseStyle('mor', 60)"><img class="inlineimg" src="images/mortema.gif" alt="Tema Morado" border="0" /></a>
</td>
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?


Ya lo acabo de hacer de esa manera y no me funciona tampoco 🙁 se me hace que mi problema deben de ser los ".css" en fin para otra ocasión sera 🙂

Gracias mcloud!
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

¿Lo estas intentando utilizar en el estilo BlueBlue de GFXstyles?.

Si es así, con razón no te funciona bien. Los css que has descargado son para el estilo default. Si quieres utilizarlo con otro estilo tienes que modificar el css de ese estilo.

Por cierto, en ese foro del que eres admin, alguien no es muy legal del todo o al menos se apropia del trabajo ajeno 😉
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?


No, lo estoy intentando en el theme por default que viene al instalar vbulletin.

De lo otro, se a lo que te refieres y ya se lo hice saber, supongo que conociste mi foro, en el todo era "legal" y creeme que en este donde estoy (temporalmente) desde ya empezara a serlo tambien 😉 (Empezando por los créditos de la traducción 🙂)

Saludos mcloud.
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?

En ese foro no se puede cambiar el estilo, así es que guardé la página con el estilo BluBlue, le cambié el css por uno de los que estas probando y funciona. No se visualiza bien por lo que te decía, pero funcionaba.

No llego a entender cual es el problema que tienes. ¿No funciona el script?... ¿no se cambian los colores?... ¿sale algún error?....
 
Re: Alguien sabe como hicieron en vb.org para cambiar "fondo" de themes?


Le doy click a los "cuadritos" y no realiza el cambio ni hace nada, por la noche dejare la opcion de poder seleccionar el theme haber si te da chance y lo checas (aproximadamente dentro de 2 horas como maximo).

Si es que alguien tan ocupado como tu tiene msn, me podrias agregar ???????????? (si no utilizas y/o no quieres, da igual no pasa nada por mi parte ni resentimientos ni nada 😉)

Saludos, por la noche checare con el blueblue como comentas tambien.

Saludos mcloud.

P.D. No suelo dar mucha lata en el msn ni cuenta te daras que estoy en ocasiones xD

Edito: ya me funciona, ahora solo necesito aprender a "modificar" los .css" :/
 
Re: (Solucionado) Alguien sabe como hicieron en vb.org para cambiar &quot;fondo&quot; de themes

Que bueno que ya funcione!!! 🙂

Cambiar los css es cuestión de ir modificando y viendo el resultado. O sea, cambiar y probar. Una vez que empiezas, enseguida te das cuenta de como va y los cambios se hacen más rápido.

No suelo conectarme nunca al msn, de hecho no le presto ninguna atención, porque me distrae mucho y consume demasiado tiempo. Sorry!
 
Solucionado!


Creo que sera mas sencillo si dentro de los .css solo agrego las variables que deseo cambiar, ejemplo:

PHP: 
body {background:#000000}
.thead{background:#295E40}
.tcat {background:#163A2E  url(images/green/gradients/gradient_tcat.gif) top left repeat-x}
.tborder{background:#E4E6EB}
.alt2,.alt2Active,.panel{background:#DEDEDE}
.alt1,.alt1Active,.panelsurround{background:#F0F0F0}
Asi solo cambio los tonos en .thead, .tcat, etc y la imagen del "gradient" es lo que se me ocurre para mas sencillo 😀

Ahora a probarlo el fin de semana que es cuando tendre mas tiempo, por ahora estoy levantando de nuevo mi foro y aplicando el backup (MySQL).

Saludos mcloud y por lo del msn no pasa nada 😉
 
Hay que estar conectado o registrado para responder aquí.
Menú
Acceder
Registro