PROCESO PARA AÑADIR UN LOGO Y UN BANNER EN EL BLOG:
1.- Buscamos el siguiente código y eliminamos la parte que está en rojo:
class='header' id='header' maxwidgets='1' showaddelement='no' >
2.- Localizamos el siguiente código:
#header-wrapper {margin-bottom:10px;min-height:50px;}
3.- Lo eliminamos y lo reeemplazamos por el siguiente:
#header-wrapper-doble {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
4.- Para poner en su sitio y de manera simétrica las dos partes de la nueva cabecera pegamos, debajo del código anterior, el siguiente:
#columna-izda {
width: 50%;
float: left;
}
#columna-dcha {
width: 50%;
float: right;
}
width: 50%;
float: left;
}
#columna-dcha {
width: 50%;
float: right;
}
5.- Más hacia abajo localizamos este código:
#header-wrapper{width:960px;margin:0px auto 0px;height:62px;padding:20px 0px 20px 0px;overflow:hidden;border-top:2px solid #E7E7E7;background:#FFF;}
..lo eliminamos y lo reeemplazamos por éste:
#header-doble {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
Ya está el proceso completado amigos.. ;)
