28 de jan de 2013

Bordas arredondadas nas imagens do blog



Boa noite, cherries! *-*

Hoje vim com um tutorial bem simples, mas que deixa as imagens do blog muito fofaas! Vou ensinar a vocês como arredondar as imagens do seu blog. Antes que me esqueça, peço a gentileza ui hahaha de votarem na enquete na barra lateral do blog e talvez amanhã ou depois, faço a Batalha de Blogs parte #2, okaay?



→ Vá em seu HTML e procure por .post-body {
Irá aparecer assim:

.post-body {
  line-height: 1.4;
  position: relative;
}

→ Depois é só colar o seguinte código ao lado dessa chave } 

.post img {
-moz-border-radius: 8px;
-webkit-boder-radius: 8px;
border-radius: 8px;
}

Dica: Quanto maior o número que você colocar na parte destacada de rosa, mais as suas imagens ficarão arredondadas! xD

Beijoos, flores!




7 comentários:

  1. Aceitamos sua afiliação lá no KT

    *--*

    http://kawaii-little-things.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigaada, flor!!! ^^
      Vou colocar você aqui!

      Beijoos

      Excluir
  2. ótimo tutorial esse! as imagens ficam bem kawaiis né

    -Adolescente Nerd

    ResponderExcluir
    Respostas
    1. Ficam kawaiis mesmo!! ^^

      Obrigada pela visita!!

      Excluir
  3. Amei o tuto, usei uma vez no meu blog :D
    Beijos, seguindo
    brilhan-tina.blogspot.com

    ResponderExcluir
    Respostas
    1. É ótimo nas imagens!! c:

      Obrigada por seguir, flor!! ^^

      Excluir
  4. Oi, linda eu faço layouts se quiser um faço um free pra você se quiser visite http://sendooadolescente.blogspot.com.br/
    e fale do jeito quer amei o tutorial!

    ResponderExcluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!