Feito isso, podemos começar:
Vá para o Painel e clique em >>Agora, encontre este trecho, no código HTML:
( use CTRL F , cole o código e clique em PRÓXIMO ou LOCALIZAR)
#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
Copie o código abaixo e cole logo abaixo:
#left-sidebar-wrapper { width: 200px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
Use a barra de rolagem para cima e encontre este código: ▼
#main-wrapper { width: 410px; margin-left: 25px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
Adicione o trecho em vermelho.
Agora, vamos ajustar alguns valores, para adequar ao novo modelo.
Troque os valores atuais pelos que estão destacados em azul:
#outer-wrapper { width: 880px; margin:0 auto; padding:10px; text-align:$startSide; font: $bodyfont; } #main-wrapper { width: 425px; margin-left: 25px; float: $startSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #sidebar-wrapper { width: 200px; float: $endSide; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #left-sidebar-wrapper { width: 200px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } |
Procure pelo trecho
<div id='main-wrapper'>
e cole o seguinte código,
imediatamente acima dele.
<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/> </div> |
Para retirar a borda do cabeçalho, procure pelo trecho abaixo e modifique o que está destacado em azul:
#header-wrapper { width:880px; margin:0 auto 10px; border:0px solid $bordercolor; } #header-inner { background-position: center; margin-left: auto; margin-right: auto; } #header { margin: 5px; border: 0px solid $bordercolor; text-align: center; color:$pagetitlecolor; |
Clique em Salvar modelo.
Agora clique na guia " Layout" .
Você vai precisar de arrastar alguns de seus elementos (widgets) da lateral direita para a barra lateral esquerda.
Clique em visualizar e se estiver tudo certinho, como você quer,
clique em
SALVAR
fonte e créditos:
linkselinksnet
0 Comentários
Mensagem do formulário de comentário:
♥