Here Again!: Nova Meta + Efeito Shine
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?
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!
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{
border: 3px solid #CORDABORDA;
.hover_shine{
width:115px; height: 115px;
background-image: url(http://i.minus.com/iuvzYDPlYu8RR.png);
background-position: -265px 0;
.hover_shine:hover{
-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">
<a href="LINK" title="TITULO"><div class="hover_shine"></div></a>
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!