Nova Meta + Efeito Shine

Ola meninas, para quem ainda não conhece o blog, sejam muito bem vindas ao Here Again, um blog de tutoriais, utilitários, makes e muito mais... 'kk   Não, eu não estou ficando louca, e sim, temos uma nova meta, ''Mas, que meta é essa?'', a meta é a seguinte, se olharem ali ao lado, temos apenas 25 seguidores no blog, e... Como uma dona de um blog, é claro que ela sempre pensa em mais seguidores, quando alcançarmos 45 seguidores, terei uma pequena surprezinha para vocês ;D

Como não estou aqui apenas para falar, terei que postar o mais importante neh? Então, vamos logo ao post,  esse tutorial é normalmente usado para afiliados, mas também tem como vc usar para outras coisas como, postadoras, Blogroll... Enfim, vamos ao que realmente interessa?

Primeiramente todos os créditos são para o lindo blog da Kaorii, o Kawaii World, lá vocês podem encontrar vários tutoriais, é só dar uma espiadinha e vai amar o blog! Então GOH ver o tutorial?

Efeito Shine

O efeito shine nada mais é do que um efeito comum como os outros de afiliados, mas ao passar o cursor em cima, ira passar tipo um efeito que tem em espelho sabe? Na foto, da uma olhada!

Normal

Fade

Então, como disse antes, GOH ver o tutorial?

¹Vá até seu HTML e procure pela tag ]]></b:skin>, logo acima dessa tag adicione o código abaixo:

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

}

 E após fazer as mudanças no seu HTML e substituir a largura, altura e a borda, crie um gadget de html/JavaScript, e lá 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, é como sempre foi, se quiser duas imagens cole duas vezes edite o título, a imagem e o link do afiliado/outro... 

Então meninas, eu acho que era apenas isso mesmo, ah! Outra coisa,  que feliz que eu estou, já virão o primeiro post da Hannah? Não? Então dá lá uma espiadinha, só clicar aqui! 

~Psiu, vou ter que confessar uma coisa, você não vai falar para ninguém neh? Então, acho bom mesmo... Eu amei o post delaa!~                                                                  haha' Um grande bj para vocês, xau!