03 junho 2012

Borda nas imagens das postagens

Quanto tempo eu não posto um tutorial né ?  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é ?

11 comentários:

  1. Ei linda, obrigada pelo carinho lá no blog. Fico muito feliz que tenha gostado e virado seguidora. Volte-sempre e será super bem recebida *-*

    http://www.world-cutest.blogspot.com.br/

    ResponderExcluir
  2. Oiiii
    Obrigada pela visita, pelo comentário e pelo carinho em meu blog....
    Adorei o tutorial... ^^ Mas adorei mais ainda a reportagem do Ian... *-* rs rs

    Beijãooo
    Volte sempre....

    Lylu
    http://www.reliquiasdalylu.blogspot.com.br/

    ResponderExcluir
  3. fica muito legal com esse tuto ^^
    seguindo aqui \o/
    http://garotoonerd.blogspot.com

    ResponderExcluir
  4. Adorei o tutorial minha flor, fica lindo borda nas imagens *u*

    Beeeeijos
    #Nhaaac >>>http://the-lovers-official.blogspot.com/

    ResponderExcluir
  5. Ótimo tutorial! E pra quem gostar de inovar no blog,esta é uma ótima opção (:

    E parabéns pelo blog tbm,adorei aqui *-*

    www.meianoitebr.com

    ResponderExcluir
  6. Muito legal o tuto o//
    é de grande ajuda,deixa bem legal *0*
    ate mais,jkz


    Rebites e Flores

    ResponderExcluir
  7. Oi, Moniele! Que nome lindo, o blog também!
    Amei o tutorial, muito útil! Beijos +.+
    http://nicole-falaserio.blogspot.com

    ResponderExcluir
  8. Adorei seu tutorial,o efeito fica supre lindo!

    http://conectadas2.blogspot.com.br/

    ResponderExcluir
  9. adooooooooooorei *-*

    http://arealidadedasmeninas.blogspot.com.br/
    segue lá -*-*

    ResponderExcluir
  10. São sempre úteis esses tutoriais né!?

    Bjinhos ;*
    Pâm
    http://chiqueatodaprova.blogspot.com.br

    ResponderExcluir
  11. Muito legal o tutorial!
    http://rosaschiclete.blogspot.com.br/

    ResponderExcluir