16 de set. de 2012

Tutorial: imagens do blog com bordas arrendondadas


Oi pessoas, tudo bem? Bora aprender um tutorial de html? 
O tutorial de hoje é "imagens do blog com bordas arrendondadas"(como você podem ter visto no título)

É bem fácil, para começar vá no Html do seu blog , aperte ctrl + F (ou F3) e procure por:
.post-body {
 Você vai encontrar assim:

Cole antes da chave (onde tem escrito cole aqui) esse código:
.post img {
-moz-border-radius: 8px;
-webkit-boder-radius: 8px;
border-radius: 8px;
Se quiser que a borda da imagem fique mais arrendondada, aumente esse número:
border-radius: 8px;

Salve e pronto.

Espero que tenham gostado do tutorial!!! Beijos e até

5 comentários:

  1. Nossa fica Lindo ASSIM ;)

    MorangocomChocolate (Clique no perfil)

    ResponderExcluir
  2. Que legal, eu nunca tinha encontrado esse tuto... Deve ficar lindão né? Rssrs. Bjos
    (pra poder ir ao Sapatinho de Cristal, clica no meu perfil)

    ResponderExcluir
  3. Noossaaaaaaaaaaa,tava louca atras desse tutorial obg vou fazer
    bom pode retribuir?
    www . supercaprichada .com .br

    ResponderExcluir

Obrigada por comentar!Você não sabe como eu fico feliz :D
Antes de comentar confira nosso F.A.Q.

- Aqui não é permitido: palavrões e nem xingamentos
- "Seguindo, segue de volta", só se pelo menos comentar sobre a postagem!!!
- todos os comentários são sempre respondidos e eu retribuo visitas, comentários e sigo o seu blog também
- Deixe o link do seu blog para que eu visite mais tarde!