Oi galera, tudo bom? Hoje vamos ter um big tutorial. Eu dividi ele em partes para ficar mais fácil de aprender a fazer, hoje vamos ver alguns passos para criar seu lay no estilo revista... Então, vamos que vamos!!
1. Estrutura
Primeiro e antes de tudo você deve criar um blog de testes. Assim que criar o blog de testes você vai ir em:
- MODELO >> PERSONALIZAR >> MODELOS
Escolha o tema viagem (Travel)
Agora vá em plano de fundo e tire o background, e salve.
Agora vá em ajustar larguras e ajuste para a largura:
Primeiro e antes de tudo você deve criar um blog de testes. Assim que criar o blog de testes você vai ir em:
- MODELO >> PERSONALIZAR >> MODELOS
Escolha o tema viagem (Travel)
 |
| o segundo da linha de baixo. |
Agora vá em ajustar larguras e ajuste para a largura:
E salve. Depois vá em: Layout e deixe assim:
E salve! clique em "Voltar para o blogger" e em seguida Editar HTML
e procure por:
.content-outer .content-cap-top {
e você vai apagar somente o que está de negrito:
.content-outer .content-cap-top {
height: $(content.imageBorder.top.space);
background: transparent $(content.imageBorder.top) repeat-x scroll top center;
}
E mais abaixo vai está: .content-outer {
e você vai apagar: padding-top: $(content.margin);
e logo abaixo vai está também: .content-inner {
e apague:
background: $(content.background);
background-position: left -$(content.imageBorder.top.space);
background-color: $(content.background.color);
padding: $(content.padding);
Depois salve, e procure novamente por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
e apague: margin-left: $(content.padding);
procure por: .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
e apague: margin-right: $(content.padding);
Depois salve.
Vai está parecido com este: Imagem passo 1. estrutura
Bom gente por hoje é só, e fiquem atentos para o próximo passo!!
Beijos...
