Página 1 de 1

Cambio de fondo para estilo xandgreen.

Publicado: 13 Ene 2012, 20:32
por buffalo
Buenas, ante todo me presento, es mi primer mensaje y resulta un poco incomodo llegar de primerazo a pedir ayuda.

He estado encargandome de la creación y mantenimiento de un foro desde noviembre del año pasado, estudio ingeniería electrónica y mis conocimientos de programación web son mínimos, las cositas que le he hecho al foro las he encontrado por google, más que todo resulto en este foro aprendiendo de todos ustedes.

Lo único que he hecho sin mirar en google es que el chat solo aparezca a usuarios registrados, de resto todo lo he visto por acá.

Dejando de lado las presentaciones, les comento mi inquietud, quisiera cambiar el fondo del foro, esas barras grises a los lados, cambiarla por una imagen que hice en photoshop, pero no tengo ni la más mínima idea de cómo hacerlo, la página inicial del foro la hice con mis escasos conocimientos de dreamweaver, pero hasta acá llegue y necesito que por favor me ayuden.

Por favor pasense primero por la página principal por si me quieren dar consejos para mejorarla: www.colombiacultiva.org

Ahora los datos del foro

URL: http://www.colombiacultiva.org/foro
Versión phpBB: 3.0.10
MODs Instalados: Advanced BBcodes Box 3
Plantilla(s) usada(s): Xandgreen
Servidor: windows,pago
Actualización desde otra versión: No (no tengo idea de lo que quiera decir, pero me imagino que no)
Conversión desde otro sistema de foros: No (no tengo idea de lo que quiera decir, pero me imagino que no)

Saludos.

Re: Cambio de fondo para estilo xandgreen.

Publicado: 14 Ene 2012, 17:06
por Alorse
Hola buffalo, bienvenido a la comunidad.
Resulta el fondo de tu foro se compone de 2 cosas, primero una imagen y luego un color en CSS, la imagen es esta http://www.colombiacultiva.org/foro/sty ... /backs.gif y lo unico que debes hacer es entrar a la carpeta /foro/styles/xandgreen/theme/images/ y reemplazar dicha imagen, por la que tu hiciste, recuerda que deben tener el mismo nombre, el mismo ancho (el alto no importa) y el mismo formato.

Luego de eso vas a tu archivo /foro/styles/xandgreen/theme/stylesheet.css y buscas:

Código: Seleccionar todo

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #444444;
	background-image: url("./images/backs.gif");
	background-repeat: repeat-x;
	background-color: #656565;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	margin: 0;
}
Allí reemplazas background-color: #656565; por el color en formato hexadecimal que corresponda a los colores de la nueva imagen de fondo.

Luego de eso recuerda actualizar la estilo desde el ACP y limpiar el caché.
Con eso ya podrás cambiar el fondo del foro.
buffalo escribió:MODs Instalados: Advanced BBcodes Box 3
También nos hablas de un chat :nolose:
Un saludo y muy buen país al que haces referencia en tu foro :ok:

Re: Cambio de fondo para estilo xandgreen.

Publicado: 14 Ene 2012, 21:25
por buffalo
Gracias por la rápida respuesta, pero veo un problemita, y es que la imagen que quiero utilizar para el fondo es muy parecida a la que tengo de fondo en la página principal, es decir, una imagen jpg, y al pasarla a .gif va a perder exageradamente la calidad, y la imagen no tiene un color de fondo uniforrme. ¿No es posible hacer el montaje de esa imagen .jpg o .tif o cualquier formato que no le haga perder calidad y le permita cargar rápido?

No sé si sea bueno tener esa imagen que está en "www.colombiacultiva.org" en formato jpg, puede que haya un formato mejor a la hora de páginas webs, para que le cargue más rápido a los usuarios, pero ustedes son los entendidos, yo tan solo soy un novato, así que vengo acá a aprender de ustedes y cualquier consejo es bien recibido.

No sé si el "Advanced BBcodes Box 3" no es un mod jaja, pero el chat al que hago referencia es uno de esos de xat.com, pero solo se puede ver si te registras y te identificas en la página.

Gracias por la respuesta y la bienvenida Alorse, por algo eres admin :P siempre dispuesto a colaborar. Y gracias también por los halagos a colombia, saludos y abrazos.

URL: http://www.colombiacultiva.org/foro
Versión phpBB: 3.0.10
MODs Instalados: Advanced BBcodes Box 3
Plantilla(s) usada(s): Xandgreen
Servidor: Windows, pago
Actualización desde otra versión: Sí, desde 3.0.9
Conversión desde otro sistema de foros: No

Re: Cambio de fondo para estilo xandgreen.  Tema Solucionado

Publicado: 14 Ene 2012, 22:00
por Alorse
La imagen puedes dejarla en el formato .jpg solo decía que debía estar así para tener que editar más código, pero entonces para que puedas mantenerla en ese formato y no pierda calidad, en el pedazo de código anteriormente mencionado, busca:

Código: Seleccionar todo

background-image: url("./images/backs.gif");
y cambialo por

Código: Seleccionar todo

background-image: url("./images/imagen.jpg");
Donde imagen.jpg es tu imagen fondo y debe estar ubicado en la carpeta /styles/xandgreen/theme/images/ y como veo que la imagen es basnante grande, mejor elimina la linea background-repeat: repeat-x para que se repita en en todo los sentidos.
Creo que con eso ya quedara bien.

Por otro lado si seria bueno que pusieras que tienes un chat en los datos de soporte, esto es de más información para nosotros a la hora de ayudarte, y para que no tengas que estar poniendo los datos de soporte siempre, te recomiendo que los pongas en tu firma.

Un saludo.

Re: Cambio de fondo para estilo xandgreen.

Publicado: 15 Ene 2012, 02:39
por buffalo
Listo, solucionado, gracias por la colaboración Alorse, en realidad la cosa era muy simple, pero yo estaba buscando donde no era, siempre estuve buscando en los template, nunca pensé en buscar en el "stylesheet".

Pero por muy simple que fuera, como dicen, la cosa no es apretar el tornillo, sino saber qué tornillo apretar.

Muchas gracias, por acá seguiré aprendiendo detalles de los grandes. Saludos.