17 de jun de 2013

Efeito para afiliados :3

                                                                   
                                                               Oi,Tortuguitas ;3
Nossa gente,eu fui visitar o Cherry Bomb hoje, e faz muito tempo acho que uns 4 meses que não visitava lá,enfim me reparei com um post assim : Adeus !   ,estava com 228 comentários,daí li tudo que a Lia colocou lá,e simplesmente o Cherry Bomb não irá mais fazer parte do blogsfera? quer dizer,não irá ter posts novos , não tem ninguém que possa administrar o blog? com tantos seguidores que dó.. e o pior que foi em abril que ela postou que não iria mais mexer no blogsfera,e eu a desatualizada nem sabia uhsuahs :c

Enfim,trouxe um efeito para afiliados, somente dá pra usar nos afiliados,não tente usar em outra imagem,porque ele tem um limite do tamanho da imagem ,que acho que é até 70x70 ;S
Não sei o nome desse efeito,mas ele é muito lindo *-*

                                                 PREVIEW: PASSE O MOUSE
                                                       




           Clique nas setas da tag </b:skin>  para expandir o código que precisamos. Depois procure por  ]]></b:skin>   e acima da tag cole este codigo aqui 

.Up {
padding:2px;

border:3px solid #ffffff;

-webkit-box-shadow: 0px 0px 5px #e0e0e0;


-moz-box-shadow:    0px 0px 5px #e0e0e0;

box-shadow:         0px 0px 5px #e0e0e0;

margin:1px;
width:50px !important;

height:50px !important

opacity: 0.7;

padding: 1px;
border-radius: 2px;
-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%);
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;
 -webkit-transition-duration: .70s;
}
.Up:hover {
OPACITY: 0.3; outline-style: transparent;
-webkit-filter: saturate(0%); -moz-filter: saturate(0%); -o-filter: saturate(0%); -ms-filter: saturate(0%);opacity: .43;
-webkit-transition-duration: .40s
-webkit-transform: rotate(360deg) scale(1.1) ;
-webkit-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-moz-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-o-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(350deg) rotateY(0deg) rotateZ(0deg);}
}

 Edite o que está em negrito .  Para usar adicione um Gagdget HTML/JAVA S.  e cole o seguinte:

<a href="Link" target="_blank" title="Nome do Afiliado"><img class="Up" src= "Url"/></a><a href="Link" target="_blank" title="Nome do Afiliado"><img class="Up" src= "Url"/></a><a href="Link" target="_blank" title="Nome do Afiliado"><img class="Up" src= "Url"/></a>

                                                      SALVE E PRONTINHO ^^ 

6 comentários:

  1. Perfeito o efeito, talvez eu use, *OO*

    Beijos,

    Juu-Chan, do Nescau com Nutella.

    ResponderExcluir
  2. Awn, que lindo! Amei :3

    http://garotapersonalizada.blogspot.com.br/

    ResponderExcluir
  3. Seguindo, segue de volta?
    Cê aceita afiliação?
    Se sim responde lá no meu blog se nao tbm !

    http://strawaberry-kawaii.blogspot.com.br/

    ResponderExcluir
  4. Muito lindo *-*

    Bejios :*
    http://fofuras-oficial.blogspot.com.br/

    ResponderExcluir

Seja Educado
Comente sua opinião
Qualquer erro,reclame
Comente e seja feliz <3