miércoles, 16 de marzo de 2011

Poner Fondo Blog

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 :

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:
 
(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 en la entrada