Cómo poner bg en el fondo del foro.

[Arkaitz]

¡Hola!

Buenos días, tengo otra duda:

Mi problema es que no se como poner un fondo; un bg (background), en el fondo de mi foro.
La versión del foro es: 2.0.11 y tengo el theme llamado Reseller, Gracias de antemano.

Si necesitas el link del foro es: zonahabbo.com/foro

Muchas gracias.

[Príncipe_Azul]

Hola, para cambiar el color del fondo, modificá esta parte de tu archivo index.css:

Code Select Expand

body
{
background: #EEE;
margin: 0 auto;
padding: 0;
}

en background pones el color que querés, por ejemplo yo puse green, que es el color verde:

Code Select Expand

body
{
background: green;
margin: 0 auto;
padding: 0;
}

y se ve así...



Informanos si te funcionó.

Saludos!!!

[Arkaitz]

Hola, para cambiar el color del fondo, modificá esta parte de tu archivo index.css:

Code Select Expand

body
{
background: #EEE;
margin: 0 auto;
padding: 0;
}

en background pones el color que querés, por ejemplo yo puse green, que es el color verde:

Code Select Expand

body
{
background: green;
margin: 0 auto;
padding: 0;
}

y se ve así...



Informanos si te funcionó.

Saludos!!!

Pero quiero una imagen...

[Príncipe_Azul]

Entónces para la próxima vez aclaralo cuando preguntes, debes especificar lo más detalladamente posible cuando pidas ayuda.

Nunca dijiste que querés una imagen, solamente dijiste esto:

no se como poner un fondo; un bg (background), en el fondo de mi foro.

y se entiende que un color, si dijeras una imagen de fondo, eso sería otra cosa.



Donde te indiqué, modificá el backgroud dejandolo así:

Code Select Expand

background-image: url(../images/theme/mi_imagen.png);

y en el directorio /foro/Themes/Reseller/images/theme/mi_imagen.png pones la imagen que querés usar, en este ejemplo he usado la imagen de nombre mi_imagen.png
Si no se ve correctamente el fondo, dejanos el nombre de la imagen para poder ajustar los valores así quede perfectamente!

Saludos!!

[Arkaitz]

Entónces para la próxima vez aclaralo cuando preguntes, debes especificar lo más detalladamente posible cuando pidas ayuda.

Nunca dijiste que querés una imagen, solamente dijiste esto:

no se como poner un fondo; un bg (background), en el fondo de mi foro.

y se entiende que un color, si dijeras una imagen de fondo, eso sería otra cosa.



Donde te indiqué, modificá el backgroud dejandolo así:

Code Select Expand

background-image: url(../images/theme/mi_imagen.png);

y en el directorio /foro/Themes/Reseller/images/theme/mi_imagen.png pones la imagen que querés usar, en este ejemplo he usado la imagen de nombre mi_imagen.png
Si no se ve correctamente el fondo, dejanos el nombre de la imagen para poder ajustar los valores así quede perfectamente!

Saludos!!

Hola jose, gracias por tu ayuda, creo que lo hice tal y como me dijiste tu. pero no me aparece nada.
Aquí te dejo como lo hice: http://prntscr.com/90h6t8
Puse todo, subi la imagen con el nombre "mi_imagen.png" en el directorio que usted me dijo, y sigue igual.

Gracias de antemano.

[Príncipe_Azul]

De nada amigo

Has puesto mal backgroud, lo tienes así:

Code Select Expand

background: none;background-image: url(../images/theme/mi_imagen.png);

déjalo así (reemplaza esa línea):

Code Select Expand

background-image: url(../images/mi_imagen.png);


y tu foro se verá así:




Por favor no uses el bloc de notas para modificar los archivos del foro... eso te traerá problemas de codificación en el futuro, debes usar un editor de códigos como Notepad++, ya que programas como estos estan totalmente capacitados para modificar códigos de lenguajes de programación sin afectar la codificación.
Baja Notepad++ desde su web oficial:

http://notepad-plus-plus.org/

instalalo, modificá lo que te he indicado y sube el archivo a tu hosting, con ese cambio debería funcionar como se muestra en la captura.


Te mando un abrazo y suerte!

PD: Me gustó como queda tu foro con el fondo

[-Rock Lee-]

Si no tienes alojado la imagen en tu hosting [aunque recomiendo alojarla en el mismo así aseguramos la permanencia en linea] tambien puedes colocar la imagen directamente poniendo la url de la imagen:

Code Select Expand

background-image: url(http://www.dominio.com/imagen.png);


Saludos!

PD: Con el 2do click de chrome podes inspeccionar el elemento y sabiendo algo de html/css fácilmente vas a poder editar todo a tu gusto, en firefox se llama firebug la extensión.

[Arkaitz]

Muchas gracias a todos por ayudarme, me resultó muy eficaz. Gracias!