A mi me costo mucho conseguir cambiar el fondo..(burra de mi), así que voy a dejar como lo hice:
Entre la mitad y el principio del código HTML encontraremos la palabra escrita "body }" y debajo traerá lo de background, font..etc (cada blog lo tendrá de una manera según la plantilla que tenga puesta).
Pues ahí, después de que se cierre el "{" pegas esto en el siguiente renglón :
Entre la mitad y el principio del código HTML encontraremos la palabra escrita "body }" y debajo traerá lo de background, font..etc (cada blog lo tendrá de una manera según la plantilla que tenga puesta).
Pues ahí, después de que se cierre el "{" pegas esto en el siguiente renglón :
body {
background:#ffffff
url(http://www.tu-sitio.com/fondo-web.jpg)
top left no-repeat fixed;
}
Si quieres que la imagen se repita porque es muy pequeña, borramos el "no-repeat".
Dejo una pagina donde puedes subir las imágenes y te da los códigos : tinypic
El código que has de coger es el que pone "", y lo pegas en lo de:
El código que has de coger es el que pone "", y lo pegas en lo de:
(http://www.tu-sitio.com/fondo-web.jpg)
Y listo!! |
Mas datos a tener en cuenta:
Color
Lo primero que tenemos en background es el color de fondo, en este caso #ffffff, que es el código de color, aqui puedes modificarlo con el que mejor valla con tu web y cuando pones una imagen de fondo no fija, será el color que se muestre fuera del espacio de la imagen y mientras carga.
Ruta
“url()” es la ubicación de la imagen que deseamos tener como fondo entre los paréntesis.
Ubicación
“top” y “left” dan la ubicación a la imagen de fondo y puede tomar los valores: top, right, bottom, left y center.
Frecuencia
“no-repeat” nos indica que no se repetirá la imagen, esta propiedad también puede tener los valores:
repeat – Este es el valor por default, sino especificas nada, tu imagen de fondo siempre se repetirá.
repeat-x – repite el fondo sólo de forma horizontal.
repeat-y – repite el fondo sólo de forma vertical.
no-repeat – no repite el fondo, este solo tendrá el tamaño que la imagen tenga.
Visualización
“fixed” nos indica que tendremos el fondo fijo y esta propiedad también puede tener los valores:
scroll – Este es el valor por default, sino especificas nada, tu imagen de fondo siempre se moverá junto con el texto.
fixed – Fija el fondo, al moverse el contenido, no se mueve la imagen de fondo.
Información sacada de: blogandweb
No hay comentarios:
Publicar un comentario