credite

24 julho 2012

Borda nas imagens das postagens

Felizmente, hoje vou postar um tutorial simples e útil * hahaha   Mas antes quero agradecer a vocês pelos comentários e irei fazer o possivél para responde-los  vocês são umas fofas haha  .

Então vamos ao tutorial, hoje vou ensinar como colocar borda nas imagens das postagens é super fácil e dá um efeito lindo ao blog ( o efeito é igual do blog otherthings attitude included, a quem irá meus devidos créditos ) 

1 ° - Vá até Design, Editar HTML, aperte CTRL+F  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;}
 e altere  da forma como quiser os códigos

webkit-border-radius: 20px;
-moz-border-radius: 20px;

border-radius: 20px; - Você pode alterar para outro estilo de borda entrando aqui , ou retira-lo para que sua borda fique quadrada como o do blog OTD .

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 nesse site

Visualize para ver como ficou e depois salve . 

Simples né ?

4 comentários:

  1. não consigo encontrar a parte do html.
    owm flor, muito obrigada, lindo é aqui <3
    Seguindo , segue ?
    Beeijos ;*
    http://itsblond.blogspot.com.br/

    ResponderExcluir
  2. Bem útil o tutorial,salvei em favoritos,acho que irei utiliza-lo no próximo lay!

    http://cupcakegoodies.blogspot.com.br/

    ResponderExcluir
  3. Oooii lindaaa =)
    obgdaaa pelo carinhooo la no blooog!! Ja to seguindo akiiee.. ameei o seu cantinho tbm.. mtuu fofo!! Parabeens e volte sempre la no meu cantinhoo.. vaai ser sempre mt bem vinda!!! ;)

    Beeeijos
    http://bybiaa.blogspot.com.br

    ResponderExcluir