viernes, 18 de julio de 2008

colocar imagen en el fondo del blog

Colocar una imagen de fondo para tu blog deberia ser mas facil, sin embargo no lo es y tenemos que meternos un poquito al codigo.

En el panel de control de tu blog entra a Plantilla y despues a edicion HTML, en el cuadro de texto donde se encuentra todo el codigo HTML busca esta seccion:

body {
background:#CCCCCC; -----> Con esto cambias el color de fondo.
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

Ahora, para colocar una imagen se tiene que reemplazar el codigo en rojo de arriba por este otro:

background-image: url(http://img475.imageshack.us/img475/7228/tharussx8.jpg);
background-attachment : fixed;

Por lo que al final deberias tener algo asi:

body {
background-image: url( Direccion de la imagen );
background-attachment : fixed; ---> con este comando la imagen de fondo queda fija.
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

Usa la vista previa hasta que el blog quede como quieres, si no quieres que la imagen este fija, es decir, aunque el usuario haga scroll en la pagina se vea la imagen fija atrás vasta con borrar el comando que lo hace (indicado arriba).

No hay comentarios: