14/08/2013

Tutorial: Bordas na postagem e na sidebar.

Wopie'r ^^ 
Hoje o tutorial é bem simples também, é aquele tutorial de como colocar essa bordinha que tem em volta do quadro de postagem e em volta dos gadgets daqui do blog, sabem qual é que eu estou falando? Essa linha fina cinza em volta! Então tem gente que coloca rosa, verde, azul, preto, laranja. Dai é como vocês preferirem, eu vou ensinar e é bem simples. Nada tão complicado pra estressar vocês. Ok? 


Colocar a borda em volta do quadro da postagem.

Procure por .post-outer { e antes de fechar a chave "}" você cola: 

border-left: 1px solid #CorDaBorda;
border-top: 1px solid #CorDaBorda;
border-right: 1px solid #CorDaBorda;
border-bottom: 1px solid #CorDaBorda;

Editando somente o que está em negrito.

Explicando:
#CorDaBorda: Obvio que é pra você colocar a numeração com a cor da borda, aqui tem algumas cores (www)
1px: Você muda o numero pelo tamanho que você quer a borda, numero 1 é bem fino, já o numero 5 é bem grosso então cabe a você escolher o tamanho da borda.

Colocar a borda em volta do Gadget.

Procura por /* Widgets e antes de fechar a chave (}) Você cola

border-left: 1px solid #CorDaBorda;
border-top: 1px solid #CorDaBorda;
border-right: 1px solid #CorDaBorda;
border-bottom: 1px solid #CorDaBorda;

Editando o que está em negrito. 

Depois visualize, se tudo estiver certo salve e pronto. 
Espero ter ajudado. Beijos, até mais!

2 comentários:

  1. Já disse que seu blog é perfeito? Não? Pois então estou dizendo, ele é.
    P.S.: Esse tutorial é perfeito.

    http://onedreamirection.blogspot.com.br/

    ResponderExcluir