Separação de Main-wrapper e sidebar-wrapper em template de blog

beansraf · 01/11/2013

hola a todos, lo que busco es editar esta plantilla que me da problemas, mi meta es separar el contenido y la sidebar para colocar un widget a la izquierda y tres arriba del contenido. aqui le dejos el ejemplo:

asi es como esta ahora:
http://www.subeimagenes.com/img/1-769661.PNG
asi es como quiero que se vea:
http://www.subeimagenes.com/img/xwxxadad-copia-769662.PNG
y este es el blog:
Beta
aqui la template
https://www.dropbox.com/s/c164p5y4pz7kmn0/Template.txt

como ven, los widget se colocan arriba y no a la izquierda.

ricardo23 · 02/11/2013

Bien.. vi tu template, que por cierto está muy ligero 🙂

haz las siguientes modificaciones para que lo veas tal y como quieres:

busca esto

HTML:

<div id='sidebar-wrapper'>

y debajo ponle esto:

HTML:

<b:section class='sidebar1' id='sidebar1' showaddelement='yes'>
</b:section>

luego busca esto:

Inserir CODE, HTML ou PHP:

width:28%;

reemplazalo por esto:

Inserir CODE, HTML ou PHP:

width:305px;

Guarda todo y f5 para ver los cambios..

Espero te ayude :3 .. Saludos! 😉

Edito - 3 bloques en la parte superior

En el CSS agrega esto:

Inserir CODE, HTML ou PHP:

/*Contenedores Superiores*/
#super-content1{
width:280px; 
padding:10px;
background:#985050;
color:#fff;
float:right;
margin-bottom:15px;
}
#super-content2{
width:280px; 
padding:10px;
background:#985050;
color:#fff;
float:right;
margin-bottom:15px;
margin-right:20px;
}
#super-content3{
width:280px; 
padding:10px;
background:#985050;
color:#fff;
float:left;
margin-bottom:15px;
}

Y luego busca

HTML:

<div id='sidebar-wrapper'>

y pega esto justo arriba de ello

HTML:

<div id='super-content1'>
    <b:section class='content1' id='content1' showaddelement='yes'/>
</div>
<div id='super-content2'>
    <b:section class='content2' id='content2' showaddelement='yes'/>
</div>
<div id='super-content3'>
    <b:section class='content3' id='content3' showaddelement='yes'/>
</div>

beansraf · 02/11/2013

Muchas gracias!!!

Separação de Main-wrapper e sidebar-wrapper em template de blog

beansraf

ricardo23

beansraf

Tópicos similares