Para las plantillas modernas:
Primero entra en Diseño | Edición de HTML y SIN expandir los artilugios busca esta parte:
/* HeaderDebajo de ella pega lo siguiente:
----------------------------------------------- */
.header {width:48%; float: left; margin:0 auto 1%;}Ahora busca el siguiente código y agrega lo que está en color rojo:
.header2 {width:47%; float: right; margin:0 auto 1%;}
<div class='region-inner header-inner'>Guarda los cambios y listo. Ahora puedes ir a Diseño | Elementos de la página y ya podrás ver la cabecera dividida en dos partes.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/></div>
Para las plantillas antiguas:
De igual modo entra en Diseño | Edición de HTML y SIN expandir los artilugios busca este código:
#header {Elimínalo y en su lugar agrega este:
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
#header {Ahora busca este otro código y agrega lo que está en color rojo:
width: 48%;
float: left;
margin:0 auto 1%;
text-align: center;
color: #000;
}
#header2 {
width: 48%;
float: right;
margin:0 auto 1%;
text-align: center;
color: #000;
}
<div id='header-wrapper'>Y listo, tendrás un área para agregar un gadget junto a la cabecera.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Título de tu blog (cabecera)' type='Header'/>
</b:section>
<b:section class='header2' id='header2' showaddelement='yes'/>
<div style='clear: both;'/></div>
No hay comentarios:
Publicar un comentario
Te agradezco la participación en CONTENIDOS EJC a través tu comentario. Recuerda que te responderé con otro comentario justo debajo del tuyo.Gracias y mucha suerte!!