News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Cómo poner bg en el fondo del foro.

Started by Arkaitz, November 08, 2015, 04:40:29 AM

Previous topic - Next topic

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:

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:

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


y se ve así...



Informanos si te funcionó.

Saludos!!!
Foro ArgentinaIRC - Ayuda de Programación General, Informática, IRC y mIRC Scripting.

Foro de Artesanías, Recetas de cocina, Ropa para perros, Tejidos, Bijouterie, Porcelana, Chocolatería, Fondos de pantalla, Noticias, Belleza, Medicina natural, Videos y Programas: http://www.misartesanias.net/

Arkaitz

Quote from: Jose Cervantes on November 08, 2015, 06:48:52 AM
Hola, para cambiar el color del fondo, modificá esta parte de tu archivo index.css:

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:

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


y se ve así...



Informanos si te funcionó.

Saludos!!!

Pero quiero una imagen...

Príncipe_Azul

#3
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í:

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!!
Foro ArgentinaIRC - Ayuda de Programación General, Informática, IRC y mIRC Scripting.

Foro de Artesanías, Recetas de cocina, Ropa para perros, Tejidos, Bijouterie, Porcelana, Chocolatería, Fondos de pantalla, Noticias, Belleza, Medicina natural, Videos y Programas: http://www.misartesanias.net/

Arkaitz

Quote from: Jose Cervantes on November 08, 2015, 07:07:53 AM
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í:

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í:

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

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

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 ;)
Foro ArgentinaIRC - Ayuda de Programación General, Informática, IRC y mIRC Scripting.

Foro de Artesanías, Recetas de cocina, Ropa para perros, Tejidos, Bijouterie, Porcelana, Chocolatería, Fondos de pantalla, Noticias, Belleza, Medicina natural, Videos y Programas: http://www.misartesanias.net/

-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:

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.
¡Regresando como cual Fenix! ~ Bomber Code
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Arkaitz

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

Advertisement: