03/12/2014

Tutorial ~> Como Criar Um Layout . Part 1

Postagem programada

Oi gente ! tudo bem com vocês ?
Hoje trouxe um tutorial tão esperado como fazer um layout , hehe , demorei mas ok .
bom primeiramente como sabem demorei um pouco para fazer este tutorial e eu aqui enrolando . Vamos começar ?
Primeiro vamos usar como base o modelo "Travel" como mostra na imagem abaixo, para colocar vão em:
Modelo ~> Personalizar ~> Viagem :


Agora irao colocar o plano de fundo e " remover imagem " coloquem as imagens que quiserem eu coloquei um cinza , depois para não ficar feio  , vão em avançado plano de fundo da barra lateral e coloquem transparente , mas percebem que tem um fundo tipo papel amaçado ?


horrível né ? Vamos lá tirar isso , você tem que ir em :
Modelo ~> Editar HTML .
Agora cliquem em Ctrl+F  e procure por : .content-outer .content-cap-top {
e pagem SOMENTE o que esta marcado
   
Agora para o plano de fundo da postagem agora procure por
.main-inner .column-center-outer {
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;
}
apague : $(post.background.color) $(post.background.url) repeat scroll top left;
Coloque # e o código da cor que você quiser  ( Click AQUI para ir á tabela de cores e não a feche precisaremos dela ) como quero branco o meu ficou assim

main-inner .column-center-outer {
  background: #fff ;
  _background-image: none;
}
Bom com isso temos o plano de fundo mais é claro não pode faltar a área personalizada não é por isso  , o código abaixo será do meu layout free visualização ♥  .
Atenção : para conseguir o código click aqui.

Bom só isso esta é a primeira parte que personalizando a postagem e obvio que terá outras coisas.
até logo meu amores n-n .
~XOXO

2 comentários poste o seu (^∇^)

  1. Olá. Tudo ótimo!
    Eu me lembro que pedi uma amiga para me ensinar da primeira vez. Fazer layout parece dificil na primeira vez e a gente acaba não entendo quase nada, mas depois fica fácil e podemos até fazer do nosso jeito.
    Adore o tutorial. você ensina bem! Bjs http://flor-estanegra.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Realmente muito fácil lembro que quase me caguei por ser tão fácil talvez de primeira é difícil mas depois se acostuma e fica moleza . obrigada por comentar . Até \o/

      Excluir

Não ignore por favor U---U
Críticas construtivas são bem vindas Ofensivas não;
Comentários que tem algum spam não serão divulgados e serão removidos;
Todos os cometários são lidos antecipadamente ;
Comentários anônimos são permitidos ;
Algumas faces para você utiliza-los:

(・∀・ )(ΘεΘ;)(n˘v˘•)¬(✪㉨✪)ヽ(๏∀๏ )ノ≖‿≖(ノ◕ヮ◕)ノ*:・゚✧( ´∀`)☆ (≧ω≦)∩(︶▽︶)∩(✿◠‿◠)(◡‿◡✿)(◕‿◕✿)(≧◡≦)(◕‿-)(∪ ◡ ∪)(≧ω≦)o(≧o≦)o(~ ̄▽ ̄)~ (︶ω︶)
Leu tudo?
Então comente!

Layout criado por Lercy . Não é permitido cópias ou inspirações © 2015