9 de nov de 2012

Tutorial - Borda nas Imagens do Post


Hey Pessoinhas, Hoje vou ensinar pra vocês um tutorial, super legal e fácil! É de como colocar borda nas imagens dos posts. O efeito fica assim:



Legal não? Então vamos ao Tutorial.
1- Vá até Design, Editar HTML, aperte CTRL+F (ou F3) e procure por:  ]]></b:skin>
E logo acima, cole:
.post img{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; border: 1px solid #ccc;padding: 5px;}

Faça as alterações desejadas 

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; - Você pode alterar para outro estilo de borda entrando neste site, ou retira-lo para sua borda ficar quadrada.
1px - Altere o valor de "1" para aumentar a largura da sua borda.
solid - Altere para Dashed (tracejado) ou Dotted (tracejado com bolinhas).
#ccc - Cor da sua borda. Você pode encontrar vários códigos de cores aqui.

Pratico e fácil, Beijinhos :)

2 comentários:

  1. Nossa estou tipo 1 ano procurando esse tutu :3
    Nossa, já add no favoritos!!
    Boa sexta,beijos ^^
    cotidianodeumabarbie.blogspot.com

    ResponderExcluir
    Respostas
    1. É isso que eu faço, ajudo meus leitores :)

      Excluir