Autores com Efeito

Yoo ~~

Venho um pouco tarde,mas trago um efeito bem, legal.Que aprendi no Chá & Cupcake. É o efeito desse primeiro gadget no blog de demonstrações.

É bem simples,mas tenha atenção.

Primeiro,escolha uma das imagens abaixo,ou você pode criar uma,com as seguintes medidas:

    No espaço colorido,coloque o nome do autor

Eu fiz 4 se vocês estiverem com preguiça,e não quiserem fazer.

Agora,procure por ]]></b:skin>,e cole o código abaixo em cima da tag.

.postador1 {     background: transparent url('URL DA IMAGEM') no-repeat bottom center;     width: 100px;     height: 100px;     margin-left: 0px;transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    -moz-transition-duration: 0.5s;}.postador1:hover {     background: transparent url('URL DA IMAGEM') no-repeat  top center;     width: 100px;     height: 100px;transition-duration: 0.5s;    -webkit-transition-duration: 0.5s;    -moz-transition-duration: 0.5s;}

Nos dois "URL DA IMAGEM" você deve por o url da imagem que escolheu,iguais. Para o efeito aparecer,cole isso em um gadget;

<a href="LINK DO BLOG"><img src="http://static.tumblr.com/qqvkww7/jdQlz92b3/transparent.png" height="200px" width="200px" class="postador1" /></a>

Para adicionar mais autores,você terá que repetir várias vezes o código,e trocar postador1,pelo número do postador.

Kissu amoras *uu*