5 de ago de 2012

Como criar um Layout - Parte 01


Estou criando uma sequência de tutoriais com o intuito de ajudar a todos na hora de criar um 
Layout ou Template, essa sequência terá 4 ou 5 postagens divididas em Grupos. 
Esse é o primeiro deles e se vai te ajudar a criar a base do template. 
Se você não entendeu alguma coisa ou achou que estava muito confuso, 
Diga nos comentários ou me add no Facebook
Espero que seja útil. :D

Parte 01 - Base

Entre no Modelo do seu blog e escolha o template Viagem(travel);


Depois vá em Editar HTML e logo após em Prosseguir;
Procure por:
//www.blogblog.com/1kt/travel/bg_container.png
e por:
//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMZDgyZmJiZTMtNWUxNC00NjA1LWJhZWMtODc3ZWQwMzZiYjcz
e apague somente eles de todas as áreas que eles apareçam;

vá em:
/* Content
----------------------------------------------- */
e encontre background: $(body.background);
substituindo $(body.background) por:
url(URLDEBACKGROUND);
No lugar de URLDEBACKGROUND coloque literalmente o url de algum background que você queira no blog;
-
Ou se você quiser uma cor, coloque o código dela ficando mais ou menos assim:
background: #6CCDD0;

agora proucure por:
<Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="#ffffff"/>
e apague somente:
#ffffff

proucure por:
.main-inner .column-center-inner {
  padding: $(content.posts.padding) 0;
}
e adicione o código abaixo logo acima de }
background: #ffffff;

Visualize e se estive mais ou menos como na imagem abaixo, salve.




Menu de navegação:
Parte 01 - Base | Parte 02 - Header | Parte 03 - Sidebar e Postagem | Parte 04 - Footer e Adicionais


. .Publicidade  . 
 

4 comentários:

  1. Muito legal o tuto!!Ansiosa para a próxima parte!

    http://macacor-de-rosa.blogspot.com.br/

    ResponderExcluir
  2. Amei a dica, preciso mesmo, meus lays não ficam muito bons, rs.

    Adorei o seu blog, estou seguindo :)
    Beeijos!
    http://we-lovesweets.blogspot.com

    ResponderExcluir
  3. Que bom Jelly, Espere só até amanhã! é quando eu posto a Parte 02.
    -
    Ainda bem. Já que é esse o seu caso, Crie um blog de testes, como se fosse Caderno de exercícios! :D

    ResponderExcluir
  4. Oii, já te coloquei como blog irmão lá no blog! *-*
    Obrigada pelo convite :D

    http://we-lovesweets.blogspot.com

    ResponderExcluir