1 de mar. de 2014

Tutorial: Bordinha cinza na foto

Yo! ~ Com certeza eu precisava postar algo logo, pra vocês não entrarem no blog e verem aquela vergonhosa volta, que ficou bem pequena, mas eu sei que se eu escrevesse mais vocês nem iriam ler. Então, o tutorial de hoje vai ser uma coisa bem simples, porque eu estou meio sem tempo de fazer coisas mais "boladas", pois estou meio ocupada com a correria do carnaval, e preciso ainda terminar de codificar o novo layout do blog. Nesse tutorial ensinarei a colocar uma bordinha em volta de qualquer imagem sem ter que "tocar" no editor de HTML.


O resultado é esse:

Você pode colocar em qualquer parte do seu blog. Seja nas imagens dos seus gadgets, nos afiliados, tanto quanto nas imagens da postagem.
Para colocar, basta adicionar o código abaixo em um gadget HTML/Java:
<center><img src="URL DA IMAGEM" style="background: transparent; width: 263px; padding-bottom: 20px; padding: 4px; border: 1px solid #e9e9e9; margin-right: 10px;" /></center>

O código começa com <center> porque centraliza a imagem. Portanto, se você quer que ela fique á esquerda, você coloca <left></left>, se quer á direita, coloca <right></right>. Você também pode mudar o "width: 263px;", porque ele deixa a imagem bem larga. Então troque pela largura da sua imagem. Certo?
Proibido reblogar!

8 comentários:

  1. Muito bonito mesmo!
    Espero ver o novo layout logo!!

    Sarang Cute!

    ResponderExcluir
  2. Eu não sabia disso, odeio mexer no HTML, fico meio perdida k
    Esse tutorial é bem fácil, vou ver se coloco ele no blog amanhã *-*
    Estou curiosa pelo novo layout, aposto que vai ser lindo <3

    ♥Blog: Meu Eterno Inverno ♥
    ♥Página do blog, participe ♥

    ResponderExcluir
  3. lecau :) que bom que voltou Kaira, senti muito a sua falta! Espero que fique por bastante tempo :)

    Desisti do get away world, aquele blog ñ tava me agradando... criando um novo, depois se vc quiser, passo o link.

    ResponderExcluir
  4. Kaira! Não sabia que você tinha voltado a postar. Poxa, que bom, senti sua falta. Enfim, a bordinha fica muito fofa :3 Beijos.

    ResponderExcluir
  5. Que bordas lindas - adorei a segunda. O tutorial é bem útil e fácil, mas sou daquelas que coloca um único em várias imagens, então acho que seria mais fácil - para mim - colocar no CSS e ir colocando nas imagens com o código de sempre. De toda forma, gostei bastante.

    Beijos, Ana
    써니데이즈 ♡ { Sunny Days }

    ResponderExcluir
  6. AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH KAIRA KAIRA KAIRAAAAAAA ♥♥♥♥♥♥♥♥♥♥♥ Eu leria, sempre gostei dos teus posts :3 Que linda as bordas amei a última *o* Que lindo este layout *o*

    Beijos~
    Panther Pink & Blue || pantherpinkandblue.blogspot.com

    ResponderExcluir
  7. As bordas ficaram lindas, gostei muito da segunda *OOOOO*. Seguindo ~

    Chu (◠▽◕☆), www.wh-asia.net

    ResponderExcluir
  8. KAIRAAA-SAN ❤
    É a Vivi-chan do FuwaFuwa Otome! sorry por te deixar no vácuo, é que como toda blogueira, ficamos sem tempo de mexer em nossos blogs e no meu caso eu desapareci. Enfim, eu vi seu comentário lá no FFO , mas infelizmente eu perdi a senha de lá e criei um blog novo o Otomeland~ e agora sou eu que preciso de divulgação haha. Se der pra você passar lá e seguir, eu já agradeço .
    Beijinhos <3
    otome--land.blogspot.com

    ResponderExcluir