Seleção de imagens + Efeito pisca logo, porra

Boa noite amores!
Tudo beleza com vocês? Comigo está tudo de boa! Como foi o dia de vocês? O meu foi normal, a novidade foi que eu fui ao médico com a minha mãe e só.Gente, hoje não tenho nada para escrever aqui.Então vamos para o próximo parágrafo.
O post de hoje é uma coisa bem simples, escolhi umas imagens lindas que eu achei no tumblr.Na verdade são headers para twiter, mas as imagens são tão lindas, que eu decidi postar aqui.Não me lembro qual tumblr eu peguei.A outra é um efeito bem cute que eu uso nos afiliados.Uma leitora me pediu para postar o tuto e o pedido de um leitor é uma ordem rsrs.O crédito do efeito é do Kawaii World.Vamos lá!

Seleção de Imagens:


Tutorial: 


Efeito 1

1.Vá até seu html e pesquise pela tag <head>, abaixo dela cole o seguinte código: 
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/> 
 2.Agora pesquise pela tag ]]></b:skin> e acima dela 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;
 } 
Edite apenas a parte em negrico, trocando o código da cor da borda que preferir.

3.Adicione um gadget HTML/JavaScript e cole:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a> 
 Efeito 2

1.Pesquise pela tag <head> e abaixo dela cole:
<link href='http://static.tumblr.com/dlelfro/WSvmh91f0/pisca5.css' media='screen' rel='stylesheet'/> 
2.Agora pesquise pela tag ]]></b:skin> e acima dela 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;
 }
Edite apenas as partes em negrito, trocando o código da cor da borda que preferir. 

3.Adicione um gadget HTML/JavaScript e cole:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca2" /></a> 
Por hoje é só isso.
xoxo ;* 

6 comentários:

  1. Awnt, adorei as imagens, principalmente a sétima, é simplesmente perfeita, quero ver se dá para eu usá-las. Médico? Houve algo.

    Visite o blog | Etc For Me ♥

    ResponderExcluir
    Respostas
    1. Obrigada, espero que dê sim.Não foi nada grave, apenas uma visitinha ao médico mesmo haha :)
      Kiss!

      Excluir
  2. Adorei as imagens, vou usar!! O Efeito é super fofo, já conhecia *-*
    Beijos | Brigadeiro Vintage

    ResponderExcluir
  3. A seleção está perfeita, amei a quarta imagem c:
    Eu já conhecia o efeito, é muito muito lindo *u*

    htmlandresources.blogspot.com.br

    ResponderExcluir

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.