23 feb 2013

Tutorial:Comó poner doble fondo por la mitad a tu blog

 



 1. Van a Plantilla - Editar HTML
2. Abren el buscador (CTRL+F) y ponen body {. Les saldra eso y un poco más abajo html body $(page.width.selector) { o parecido, algo como esto:


3. Ahora vamos a borrar todo esto y lo vamos a reemplazar por lo siguiente:
body, html {
 font: $(body.font);
 color: $(body.text.color);
 height: 500px; /*Altura del fondo del header*/
 padding: 0; 
 margin: 0;
}
body {
background: url("URL del fondo del header");
background-repeat: repeat;
}
html {
background: #eedfb4; /*Color del fondo del blog*/
}
Es importante que presten atención a esto:
- en body { va el fondo superior pero arriba en body, html{ deben poner la altura del mismo y;
- en html { va el fondo inferior

Guardan los cambios y ya está!

Recuerden que los fondos pueden ser o un color o una imagen. 
Si desean que sea simplemente un color deben poner background: #eedfb4; y reemplazar el código.
Pero si les gustaría poner una imagen, tienen que poner: background: url("URL de la imagen");
 Créditos a: Not a single song, esta en la seción de créditos.

3 comentarios:

SaraLoquiis dijo...
Este comentario ha sido eliminado por un administrador del blog.
Sofía★Belén~ dijo...
Este comentario ha sido eliminado por un administrador del blog.
Neko-chan dijo...

Chikas, tuve que eliminar sus comentarios debido a Spam espero que no os molestéis n-n nya♥

Vuelve el blog a tu Idioma