Tutorial - Efeito pisca logo, porra


Boa tarde , meus amores
Hoje voltei da escola bem triste . porquê eu ia de bermuda aí agora eu tenho 
que voltar á ir pra escola de calça dins , portanto depois que eu terminar de fazer esse post eu vou dar um tempinho e depois sair para comprar uma calça , eu até tenho mais é velha :p então hoje é o dia certo pra mim ir lá comprar outra com  o meu pai :$
Sei que alguns de vocês devem estar achando bem estranho o Título da postagem , não é porquê estou aborrecida , nada disso ,
Mais tirem as crianças daí por favor , pra depois não me acusar de que ela ouviu você 'LER' , e depois a criança aprender , e falar pra mamãe , rsrs . Pelo o amor de deus . O tutorial foi pego lá no kawaii world , pois eu achei bem divertido o título do post com o 'PORRA' no final.
O efeito é para ser usado em elite de afiliados , porquê é bem melhor , bem parecido com o efeito flash só que um pouquinho mais elaborado, fazendo com que não fique tão básico quanto o inicial. Clique aqui para ver.
- vamos começar -

Efeito 1

1. Vá até Modelo > Editar html e procure por <head>. Abaixo da tag, cole:

<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>

 2. Procure por ]]></b:skin> e acima da tag, cole:
.efeitopisca1{
padding:2px;
border:1px solid #dcdbdb;
}
.efeitopisca1:hover{
-webkit-animation-name: pisca;
-moz-animation-name: pisca;
-o-animation-name: pisca;
animation-name: pisca;
-webkit-animation-duration: 1s;
}

Para mudar a cor da borda é só trocar o código que se encontra em negrito pela cor que desejar.

3. Por fim, cole esse código e substitua tudo o que se pede onde quiser usar - geralmente em gadget de HTML/JavaScript - 

<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a>

 Efeito 2

1. Vá até Modelo > Editar html e procure por <head>. Abaixo da tag, cole:

<link href='http://static.tumblr.com/dlelfro/WSvmh91f0/pisca5.css' media='screen' rel='stylesheet'/>

2. Procure por ]]></b:skin> e acima da tag, cole: 

.efeitopisca2{
padding:2px;
border:1px solid #dcdbdb;
-webkit-transition-duration: .50s;
}
.efeitopisca2:hover{
-webkit-animation-name: piscaporra;
-moz-animation-name: piscaporra;
-o-animation-name: piscaporra;
animation-name: piscaporra;
-webkit-animation-duration: 1s;
border:1px solid #ff9ab2;
-webkit-transition-duration: .50s;
}
Para mudar a cor da borda inicial troque o primeiro código em destaque e para mudar a cor da borda hover, troque o segundo código em negrito.

3. Por fim, cole esse código e substitua tudo o que se pede onde quiser usar - geralmente em gadget de HTML/JavaScript -


<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca2" /></a>


8 comentários:

  1. Já te coloquei como afiliada!Agra só falta você! ^^

    Edition Romeu e Julieta.

    ResponderExcluir
  2. Esse tutorial deu o que falar no KW haha

    MCW || MY CRAZY WORLD
    empire-icons

    ResponderExcluir
  3. Concordo com Luh rsrs, mas e legal o efeito

    Chu!

    ResponderExcluir
  4. Amei muti to usando
    http://cupcakescoloridoscc.blogspot.com.br/

    ResponderExcluir
  5. Amr' eu não estou conseguindo por!! Você poderia me ajudar? Tipo, eu procurei as tags e não consegui achar... No meu blog não tem as tags!

    ResponderExcluir

❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.

« »