29 maio 2012

Criando Layout

Oi Amores, como estão??
Desculpa o sumiço mas é a saúde :(, mas espero não precisar ficar mais sem postar e para pedir desculpas pelo sumiço hoje vou ensinar um master tutorial de como criar a base para um layout.








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


Depois disso é só ir personalizando a cor do link, texto, etc. Depois de editar 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;}


Depois é só personalizar do jeito que vocês quiserem, esse é o modelo mais usado pelas blogueiras, logo eu trago outras opções de layouts, inclusive com o slideshow que nem tem aqui no blog.

(imagens retiradas do Place Style)



Espero que tenham gostado!!! Beijoss...











5 comentários:

  1. Mudei o meu esses dias!
    Mudo ele direto!
    hehe
    Beijos ;D
    http://viviancomn.blogspot.com.br/

    ResponderExcluir
  2. adorei o novo layout..muito lindo!!!!!


    beijosss

    ResponderExcluir
  3. Que bom que gostou do novo layout minha flor!
    Acho que agora tá mais a minha cara!
    hehe
    O único programa que eu usei foi o Photoscape para fazer o cabeçalho,o resto arrumei do design do blog mesmo!
    Beijos Flor! ;D
    http://viviancomn.blogspot.com.br/

    ResponderExcluir
  4. Ahh ficou demais rs ate eu to pensando em mudar o do blog ja rsrsrs acho q ja ta na hora rsrs
    beijosss

    ResponderExcluir

img src="http://i41.tinypic.com/dgh452.png"/>

Related Posts Plugin for WordPress, Blogger...
© Ponto Makeup - 2013. Todos os direitos reservados.
Criado por:Suh Rodrigues.
Tecnologia do Blogger.
imagem-logo