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;e altere da forma como quiser os códigos
-moz-border-radius: 20px;
border-radius: 20px; border: 1px solid #ccc;padding: 5px;}
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é ?
Ei linda, obrigada pelo carinho lá no blog. Fico muito feliz que tenha gostado e virado seguidora. Volte-sempre e será super bem recebida *-*
ResponderExcluirhttp://www.world-cutest.blogspot.com.br/
Oiiii
ResponderExcluirObrigada 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/
fica muito legal com esse tuto ^^
ResponderExcluirseguindo aqui \o/
http://garotoonerd.blogspot.com
Adorei o tutorial minha flor, fica lindo borda nas imagens *u*
ResponderExcluirBeeeeijos
#Nhaaac >>>http://the-lovers-official.blogspot.com/
Ótimo tutorial! E pra quem gostar de inovar no blog,esta é uma ótima opção (:
ResponderExcluirE parabéns pelo blog tbm,adorei aqui *-*
www.meianoitebr.com
Muito legal o tuto o//
ResponderExcluiré de grande ajuda,deixa bem legal *0*
ate mais,jkz
Rebites e Flores
Oi, Moniele! Que nome lindo, o blog também!
ResponderExcluirAmei o tutorial, muito útil! Beijos +.+
http://nicole-falaserio.blogspot.com
Adorei seu tutorial,o efeito fica supre lindo!
ResponderExcluirhttp://conectadas2.blogspot.com.br/
adooooooooooorei *-*
ResponderExcluirhttp://arealidadedasmeninas.blogspot.com.br/
segue lá -*-*
São sempre úteis esses tutoriais né!?
ResponderExcluirBjinhos ;*
Pâm
http://chiqueatodaprova.blogspot.com.br
Muito legal o tutorial!
ResponderExcluirhttp://rosaschiclete.blogspot.com.br/