♦ Tutorial ~ Efeito Photo


Hey Pessoal
  Hoje deveria ter trabalho de Espanhol na minha escola, mas não teve ^-^, e a professora de Geografia passou um trabalho sobre países da Ásia, e lógico que eu escolhi o Japão néh? Esse trabalho eu terei prazer de fazer.
  Hoje eu trouxe mais um efeito maroto que eu criei em tempos de falta de internet, eu só faço menus e efeitos quando a net cai. Ele é bem simples mas eu gostei da sobriedade das cores que eu usei. Ahh e o efeito é só nas bordas, a imagem cor da imagem foi editada no PhotoShop. Let's go.


Vá em MODELO >> EDITAR HTML e procure por  ]]></b:skin>
acima dele cole esse código.
.borderprin {margin:5px;background: #f7f7f7; border:6px solid #f7f7f7;box-shadow: 0px 0px 1px 1px #eee5dd;padding-bottom:8px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.borderprin:hover {background: #e5e5e5; border:6px solid #e5e5e5;box-shadow: 0px 0px 1px 1px #eee5dd; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
Agora onde você quer que apareça cole esse código. Repita quantas vezes precisar, e edite o que precise.
Para alterar o tamanho da imagem edite o número do width
<a href="LINK" target="_blank" title="NOME_DO_BLOG"><img class="borderprin" src="URL_DA_IMAGEM" width="40px" /></a>
Bye bye

5 comentários:

  1. Que criativo :ooo ameeei

    htmlandresources.blogspot.com

    ResponderExcluir
  2. Ameei >< Tbm achei muito criativo *u*u* gostei muitoo' ><
    post novo no meu blog : )) http://karenkawaiii.blogspot.com.br/

    ResponderExcluir
  3. Fácil e lindo!
    Beijos
    diquinhasdababinha.blogspot.com

    ResponderExcluir
  4. Fica parecendo foto de polaroid, muito fofo ^^

    ResponderExcluir