Tutorial - Efeito Bap + Resultado do Jogo



Boa tarde, lindos. >3<

Antes do tutorial, vamos ao resultado do game. As respostas corretas eram: 1) 15 anos; 2) 3 blogs e 3) 17º layout, bem fácil não é? As três primeiras meninas que comentaram tudo certinho, foram: Nikita do blog Letter of Pain, Giovanna do blog Cherry Attack e Larissa do blog Planeta Kawaii, desculpem-me se por acaso me enganei com os nomes. Obrigada a todos que participaram e parabéns às meninas, hoje mesmo colocarei os blogs divos delas lá na página, e eles ficarão lá até o dia 24/07. *3*

Bom, ontem à noite eu fiquei futucando o HTML e tentando fazer um efeito decente, até que consegui fazer algo usável. /õ/ Meus efeitos nunca ficam lá aquela perfeição como os que podemos ver por aí, mas digamos que eles até que ficam bonitinhos. o3o Lá vou eu tentar explicar o efeito: No modo normal, a imagem fica com uma bordinha interna, pontilhada. Ao passar o mouse, a imagem fica em preto e branco e logo após isso, bem rapidamente ela some. Ninguém entendeu, não é? Ok, então tenham uma preview clicando aqui e se dirigindo ao gadget denominado Efeito Bap. u3u Agora vamos ao tutorial.

- Vá no seu HTML, abra a primeira setinha, e procure por ]]></b:skin> Acima disso, cole:
.efeitobap{
outline-style:dotted;
outline-width:1px; /* expessura da borda interna */
outline-color: #fff; /* cor da borda interna */
outline-offset: -3px;
-webkit-transition: all 1.1s ease;
}
.efeitobap:hover{ /* não altere nada */
-webkit-filter:grayscale(1);
-webkit-transition:all 1s ease;
opacity:0.0;
-webkit-transition: 0.5s;
}

- Adicione um gadget HTML/Java Script e cole:
<a href="URL" title="NOME"><img src="IMAGEM" class="efeitobap" /></a>

É isso, espero que tenham gostado e que usem bastante, nunca esquecendo dos créditos. >3< Lembrando, é proibido repassar qualquer postagem do blog. Até mais!

16 comentários:

  1. OMG, quase na hora que tu postou o joguinho eu já comentei e ainda nem fui uma das primeiras, OKASOKAS' -q Parabéns à essas vencedoras divas *OO*

    Adorei o efeito, muito divo, sua pfta ♥

    Beijos,

    Juu-Chan do Nescau com Nutella.

    ResponderExcluir
  2. Jdjdjdjdjfjfjjcjfh ganhei *U* Parabéns às outras vencedoras >3<
    Que efeito lindoo Ingrid u3u Muito fofo mesmo :3
    Kiss ~

    letterofpain.blogspot.com

    ResponderExcluir
  3. Parabéns as Vencedoras!
    Ah, amei a postagem, o efeito deve ser bem legal (talvez eu teste). AMO seu Blog, querida!
    Beijinhos ^^

    blog-pureimagination.blogspot.com.br

    ResponderExcluir
  4. OMG! Eu ganhei, ahhhhhh ~surtando aqui~ Sério, vou ter um ataque @.@ Quanto ao efeito, achei bem simples e fofinho :3

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

    ResponderExcluir
  5. Parabéns as meninas >3< O Efeito é super lindo Ingrid!

    ~ Kissus // b-mixing.blogspot.com

    ResponderExcluir
  6. Nuss, acho que vou usar esse efeito, eu estava querendo usar algo novo, Obrigada ;PP
    Sweet Girl

    ResponderExcluir
  7. Parabéns para quem ganhou o3o
    E o efeito está super fofo u3u
    Quirky-tree.blogspot.com

    ResponderExcluir
  8. Parabéns as meninas >3<' o efeito é muito lindo *---*

    Nyah Kawaii

    ResponderExcluir
  9. Adorei o Tuto " Parabéns as Meninas ^^

    http://worldofthel.blogspot.com.br/

    ResponderExcluir
  10. Que legal o tutorial, adorei esse efeito. Parabéns para as meninas, acertei tudo mas não fui as 3 primeiras :c

    Beijos!~

    ResponderExcluir
  11. *o* jura que eu ganhei ? é a primeira vez que eu ganho um joguinho u3u.

    Quanto o efeito, eu favoritei aqui, vou usar no layout que estou fazendo >3< .

    cherry-attack.blogspot.com

    ResponderExcluir
  12. Parabéns ganhadoras *-----*
    Que efeito lindo, amei... Vou usar no templete que eu tô fazendo pra minha amiga ^^


    vaonamala0ficial.blogspot.com

    ResponderExcluir
  13. Muito fofo o efeito, Ingrid. Passei aqui no IHY também, pra avisar que como mudei o template do meu blog estamos sem o gadget de afiliados e irei colocar em breve, então me de dê um ou dois dias.. Obrigada! :)

    ResponderExcluir
  14. Boa tarde, me chamo Lívia, sou dona do blog Candy World ( candy-big-world.blogspot.com.br ) obrigada por visitar *u*. Meu blog fala sobre Goodies e dicas. Comecei agora e preciso de apoio, sua exigência para afiliar é muito alta e o meu blog conta atualmente com poucos seguidores :[ . Acho este blog muito bom e gostaria de saber se existe possibilidade de afiliação. Aguardo resposta (se não for incômodo poderia responder no meu blog).

    ResponderExcluir
    Respostas
    1. Olá Lívia, então, seu blog é muito fofo, e eu realmente aceitaria a afiliação, mas estou sem vagas no momento. Não gosto de ter muitos afiliados, só abro uma vaguinha ou outra quando retiro algum. Desculpe. :3

      Excluir
  15. Não cheguei a participar do jogo... :( Mas de qualquer modo, parabéns pras vencedoras!! *--*
    Nem vem que seus efeitos são perfeitos u-u Ficou muito lindo, por mim o melhor que você já fez *----*
    Beijos! #cd

    ResponderExcluir

Obrigada pelo seu comentário, sua opinião é muito importante!
Se seu perfil for trancado, não se esqueça de deixar o link do seu blog ou pelo menos o nome, para que eu possa retribuir. ♥

« » +