Big Tutorial - Layout

Que fofo >.<

Oi gatitas *o*  Hoje vou fazer um big tutorial, que peguei do blog Place Style de como fazer um layout, não é o layout inteiro,mais você pode modificar ele com mais tutoriais e etc. ^^

1) Vá em Modelo >Personalizar e escolha Viagem, no modelo Travel (segunda opção)

2) Vá em Plano de Fundo e clique em remover imagem

3) Vá em Ajustar larguras, e deixe a largura do blog em 980 e a da barra lateral em 350 (não sei se isso influencia em outros passos)

4) Vá em Layout e deixe assim:

5) Vá em avançado e em Plano de fundo deixe as duas opções em transparente

6) Vá em Título do blog e deixe em 0px, na cor transparente

7) Vá em Plano de fundo da postagem e deixe branco

8) Vá em Plano de fundo da Barra lateral, deixe a moldura transparente e edite a cor do plano de fundo como quiser

Agora é só ir personalizando as cores dos links, texto... Depois de editar tudo, salve e volte no Modelo> Editar HTML.

Retirar a borda do template:

Pressione Ctrl + F e procure por:

content-outer .content-cap-top

Apague as partes destacadas:

( Imagem do blog Go Imagine)

Juntar a coluna lateral com a da postagem:


Pressione Ctrl + F e procure por:

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

 Apague as parte destacadas:

( Imagem do blog Go Imagine)

Juntar o cabeçalho com a área das postagens:

Pressione Ctrl + F e procure por:

/* Tabs 

Um pouco depois dessa tag, apague o seguinte código:

 margin: 1em 0 0; 

Abaixo de padding: $(content.padding) 0; acrescente o seguinte código:

margin-top: -10px;

Vá alterando o número até que junte.

Tirar a navbar do blog:


Pressione Ctrl + F e procure por:

]]></b:skin>

Acima dessa tag acrescente o seguinte código:

#navbar-iframe {opacity:0;} 

Já se você quiser que ela apareça ao passar o mouse,  acrescente o seguinte código:

#navbar-iframe {opacity:0;}
#navbar-iframe:hover {opacity:1;}