08/01/2013

Tutorial - Efeito Cute Pow

Diiva <3


Boa noite :D

Eu achei um efeito muito lindinho, e para mim, ele fica
bem legal em uma elite de afiliados, vamos ver? ^^

OOOOMG ! CONSEGUIMOS A NOSSA META, AAA, OBRIGADA,
I LOVE YOU ALL <3

Preview aqui. Veja no gadget do efeito!

Enjoy ~~



Creditos: -

Vá no seu HTML e procure por ]]></b:skin , agora
acima dessa tag, cole esse código:


/*Efeito Cute Pow por Luiza F*/
.cp {
border:7px solid #FFFF00;/*COR DA BORDA*/
-webkit-transition-duration: .90s;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
.cp:hover {
-webkit-transition-duration: .90s;
border:7px solid #0000FF;/*COR DA BORDA AO PASSAR O MOUSE*/
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}


No código já tem explicando as cores, certo ? 


Agora, adicione um Gadget html/JavaScrip 
e nele cole:

<a href="LINK_DO_BLOG"><img src="URL DA IMAGEM" width="95px" class="cp" title="NOME_DO_LINK" /></a>



E ai você substitui oque tá em negrito ^^



Beijões ^3^


8 comentários:

  1. Oi, tudo bem? Ta rolando um concurso de blogs no Patinho Amarelinho, da uma olhadinha lá! Beijinhos.
    http://patinhoamarelinho.blogspot.com.br/2013/01/concurso-blog-vs-blog.html

    ResponderExcluir
  2. Olá!!
    Amei i seu blog, mt lindo!!
    Segue devolta:
    http://blusinhabasica.blogspot.com.br/

    ResponderExcluir
  3. Hooy, amei o tuto... Eu tou apaixonada, pelo seu blog, eu vou me inspirar muito nele rsrs!! Já estou seguindo
    Lembrando e agradescendo pelo cabeçalho que você me fez...
    Beijãão
    http://sweet-dream-officer.blogspot.com.br/

    ResponderExcluir
  4. Efeito lindo *-*
    Kisses

    Sweet Cherry -> Perfil

    ResponderExcluir
  5. Efeito muito fofo. E facil.

    ~Beijos

    crazy--designer.blogspot.com.br

    ResponderExcluir