Quiero colocar una imagen de fondo un blog y no se como

ern537 · #1 (**permalink**) 08/09/2011, 05:55

Hola a todos:

Quiero agregarle una imagen de fondo a un blog, y no encuentro la forma. Dentro de las opciones de la template no lo veo, solo me queda preguntarles a ustedes.

Este es el link del sitio: http://euro-dom.dn.ua

quiero que se vea asi: http://euro-dom.dn.ua/site_maket.jpg

esta es la direccion de la imagen: http://euro-dom.dn.ua/background2.png

Navegando por la red, encontre un post que explica lo siguiente:

"Para colocar una imagen de fondo en tu blog debemos editar la etiqueta “body”

body {
background:#ffffff url(http://www.tu-sitio.com/fondo-web.jpg) top left no-repeat fixed;
}"

He tratado de hacerlo, y no me sale, porque no encuentro la etiqueta body en mi template.
Mi tema es Weaver 2.2.2.

Ayudenme por favor

alexk · #2 (**permalink**) 08/09/2011, 08:27

Código CSS:

Ver original#main {
    background-color: transparent;
}

alli cambias ese fondo por una imagen... en el archivo style.css

ern537 · #3 (**permalink**) 08/09/2011, 08:38

Gracias, me funciona, pero como hacerlo para que no se mueva la imagen cuando hago scroll?
es decir, que se quede estatica, teniendo en cuenta que el codigo que tengo es este:

#ffffff url(http://euro-dom.dn.ua/background2.png) top left no-repeat fixed;

alexk · #4 (**permalink**) 08/09/2011, 10:03

nose que parte quieres que este fijo... es decir si ponemos fixed

Código CSS:

Ver original#wrapper {
    background: url("http://euro-dom.dn.ua/background2.png") no-repeat fixed center top #FFFFFF;
    margin-top: 20px;
    padding: 0 20px;
}

se ve fatal... supongo que solo el fondo de madera quieres que este fijo no?... pues separalo de la imagen de arriba o bien como te indicaba dale el fondo a "#main" empezando desde las maderitas y ya...

PD: por cierto pesa mucho la imagen yo usaria jpg ya que el fondo es un color solido chao

ern537 · #5 (**permalink**) 08/09/2011, 10:52

Gracias, trate de hacerlo con jpg, pero por no se que motivo me queda muy mal, a mitad de pagina se termina la degradacion de la imagen y queda horrible, puedes verlo ahora, lo pondre para que veas, es mas ligera la imagen pero no se porque pasa esto

alexk · #6 (**permalink**) 08/09/2011, 10:57

en el editor que estes usando pon de color de fondo "#FADDB6" el JPG no tiene transparencias como el png por eso ves el color blanco...

ern537 · #7 (**permalink**) 08/09/2011, 11:00

Cita:

Iniciado por alexk

en el editor que estes usando pon de color de fondo "#FADDB6" el JPG no tiene transparencias como el png por eso ves el color blanco...

esta puesto, #FADDB6 y nada! sigue blanco!

alexk · #8 (**permalink**) 08/09/2011, 11:07

no no.. a tu editor de imagenes... photoshop/fireworks/gimp... etc.... la imagen necesita el color de fondo

ern537 · #9 (**permalink**) 08/09/2011, 11:12

ya lo hice, y cree una imgen, con color de fondo FADDB6, y despues le volvi a poner las capas que em interesaban y nada!
me doy cuenta que esto no es mi fuerte!, no entiendo que no estoy haciendo, es que en css y diseño, nunca habia incursionado, jejeje, perdona por la ignorancia y gracias por la ayuda

alexk · #10 (**permalink**) 08/09/2011, 11:24

ern537 · #11 (**permalink**) 08/09/2011, 11:26

Muchas gracias Alex, pero todavia no doy como se hace!, pero gracias por tu paciencia y por tu ayuda!

alexk · #12 (**permalink**) 08/09/2011, 11:33

bien no pasa nada...