Tutorial: Cabecera en todo el ancho del blog

17/5/15

En el tutorial de este mes hablaremos de cómo poner una cabecera que ocupe todo el ancho del blog. Espero que os sea de mucha ayuda.
*Antes de comenzar recordaros que para que la cabecera quede centrada y la imagen bien tiene que tener un tamaño de 2000x500.



BORRÁIS EL PRIMER CÓDIGO QUE VEÁIS:

body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override)
}


CAMBIÁIS ESE CÓDIGO POR EL SIGUIENTE:

body, html { height: 500px ! important; margin: 0; padding: 0; }
body { margin-top:-150px; background-image: url('URL de imagen de la cabecera');
background-repeat: no-repeat; background-position: center center; }
html { background: url("URL de la imagen del fondo del blog") repeat; }

*AzulRecomiendo que uséis TinyPic para alojar la imagen que vais a usar en la cabecera.



No hay comentarios:

Te pedimos de favor que no dejes enlaces de tu blog/web o similares en los comentarios. ¡Muchas gracias por tú colaboración!

Utilizamos cookies propias y de terceros para ayudarte a mejorar tu navegación. Si continuas navegando consideramos que aceptas su uso. Acepto Más información