♦ 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.

Preview

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