26 de setembro de 2013

Tutorial- Efeito Spotlight

Oi pessoal, estou feliz achei um tumblr com vários efeitos legais, 
estou personalizando para o blogger. Hoje trago o efeito spotlight,
créditos x, para ver o efeito x
Para colocar em seu blog, coloque o código abaixo, antes da tag  ]]></b:skin>

div#items a{text-decoration:none;color:#fff;}
div#items{width:502px;margin:0px ;}
#items .item{display:block;width:160px;height:160px;border:2px solid #ff7e92;float:left;position:relative; margin:1px ;}
#items .item .caption {position:absolute;bottom:5px;left:0px;padding:3px;font-size:18px;width:154px;display:none;background:#ff7e92; font-family: yanone kaffeesatz; text-align: center; }

No gadget Html/Java Script coloque

  <div id="items">
<a class="item" href="link" title="nome"> <img src="imagem" class="efeito"></a>
<a class="item" href="link" title="nome"> <img src="imagem" class="efeito"></a>
<a class="item" href="link" title="nome"> <img src="imagem" class="efeito"></a>
<a class="item" href="link" title="nome"> <img src="imagem" class="efeito"></a></div>

Kissus

Nenhum comentário:

Postar um comentário

- Este espaço é todo seu. Tire suas dúvidas!

- Por favor, Não faça algum request pelos comentários,
para isso serve a Ask.

- Se não gostou de algo, não use palavras baixas. Ninguém precisa se rebaixar tanto para expressar uma opinião.

- Leio todos os comentários e retribuo todos.

-Thanks