Efeito Shine

Oie, quanto tempo hem? Meu Deus, teve gente até vindo me perguntar no face se eu tinha desistido de blogar! Eu cheguei a me sentir famosa u3u

Não, eu não desisti. Muito pelo contrário, voltei feliz pra caramba até, para blogar até o último momento em que eu não consiga mais hauahuahuah

A Julia de São Paulo me pediu um tutorial pela ask; O do efeito shine ali do cabeçalho, então, vamos postar neh. Bom, eu acho ele bem bonitinho e fofo, por ser simples sabe?

Vamos lá, antes de ]]></b:skin> cole o seguinte código:

.image_shine{    width:  LARGURApx;    height: ALTURApx;    margin-right: 5px;    margin-bottom: 5px;    position: relative;    float: left;    border: 3px solid #CORDABORDA;}.hover_shine{    width:115px; height: 115px;    background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);    position: absolute;    background-position: -265px 0;    left:0px; top:0px;    background-repeat:no-repeat;}.hover_shine:hover{    background-position: 10px 0;    -webkit-transition: background-position .9s ease;       -moz-transition: background-position .9s ease;         -o-transition: background-position .9s ease;            transition: background-position .9s ease;}

Mude oque está em negrito e depois adicione um gadget de Html e cole o seguinte:

<div class="image_shine"><img src="LINK DA IMAGEM"/><a href="LINK" title="TITULO"><div class="hover_shine"></div></a></div> 

 Bom, era apenas isso mesmo. Acho que olhando assim da de ver oque tem que fazer neh?

Qualquer dúvida me pergunte aqui nos comentários ou na Ask do blog.