Este tutorial foi feito com base no Template Minima.
Antes de começar o tutorial recomendamos que faça um backup do seu template para não haver danos pois não nos responsablizaremos por eles.
Siga os passos abaixo para adiconar a coluna :D
1. Vá Editar HTML e procure pela tag:
<*div id='main-wrapper'>
2. Cole o codigo abaixo, acima dela.
<* center>
<*div id='main-wrapper'>
2. Cole o codigo abaixo, acima dela.
<* center>
<* table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
<*tr>
<*th scope="col" background="link da imagem do titulo aqui"> <*/th>
<*/tr>
<*tr>
<*td background="link da imagem onde vai ficas as widets"><*b:section class='coluna' id='coluna' preferred='yes'><*/b:section> <*/td>
<*/tr>
<*tr>
<*td background="link da imagem do footer"> <*/td>
<*/tr>
<*/table>
<*/div>
<*/center>
#Substitua o valor a rosa pela largura total da suas imagens#
3. Procure pela tag:
]]><*/b:skin>
4. Cole o codigo abaixo, acima dela.
#coluna {
width: 220px;
float: left;
#coluna {
width: 220px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
overflow: hidden;
}
#Substitua o valor a rosa pela largura da sua coluna#
#Mude a posição da coluna substituindo Left por Right#
5. Para caberem as colunas todas procure pela tag "outer-wrapper"
(exemplo abaixo)
e de seguida altere o valor de width para o valor da soma da largura das suas colunas.
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Ps: Não se esqueça de retirar os asteriscos (*)
Espero ter sido util, fiquem bem!
Comente se gostou :D
Subscrever:
Enviar feedback
0 comentários:
Enviar um comentário
Nota: só um membro deste blogue pode publicar um comentário.