Como colocar “sidebar dupla”

Coloque o seguinte código no seu CSS (entre <style> e </style>):

/*** Sidebar em duas colunas by Making-Themes ***/
.esqmt {float:left;  width:45%;  background: #COR; padding:5px;  text-align: justify;  }
.dirmt {float:right;  width:45%;  background: #COR; padding:5px;  text-align: justify;  }
.none {margin:1px; padding: 2px; clear: both;}

Troque onde está COR pela cor que quer que fique o fundo da sidebar.

Cole esse outro código, logo antes da div dos seus posts. Coloque-o entre <body> e <div class=”DIV_DOS_SEUS_POSTS> (se não entendeu onde é pra colocar, vá na ask que eu explico melhor ^^)

<div class="esqmt">
CONTEÚDO DA SIDEBAR DA ESQUERDA
</div>
<div class="dirmt">
CONTEÚDO DA SIDEBAR DA DIREITA
</div>
<div class="none"></div>

Agora é só colocar o conteúdo da sidebar onde se pede e trocar as aspas :)

Se ajudou credite.

{Laura}

  1. making-themes posted this