Bubble Effect: Bolhinhas em HTML

Olá! Tudo bem? Espero que sim :3 Hoje eu lhes trouxe um efeito bem fofo para adicionar ao blog que dá a impressão de que bolhinhas estão saindo do ponteiro do mouse e flutuando pelo blog, super discreto, aparece quando se movimenta o mouse, conforme você pode ver no Laboratório Kawaii (meu blog de testes).
As que fiz são cor de rosa, mas você pode deixá-las coloridas como quiser ;3
Para isso, precisaremos apenas de um script adicionado em um novo gadget HTML/JavaScript.
Sendo assim, acesse seu Layout - Adicionar Gadget - Html/JavaScript e cole o código deste arquivo:
(o script é grande, por isso resolvi armazenar no dropbox; só selecionar tudo, copiar e colar)
Posicione o gadget onde achar melhor, salve e visualize. Os trechos básicos para serem editados no código são estes:
  • var colours=new Array("#ff78b7","#ffa8e5", "#ffa8e5", "#ffa8e5", "#ffb8f3"); = cores das bordas e interior das bolhas.
  • var bubbles=22; =  número máximo de bolhas na tela.
E prontinho! Super simples, mas fofo. Espero que gostem ^-^
Fonte: Schaaalhassan






Postar um comentário

8 Comentários

  1. Que efeito legal que fica!

    Dá uma passadinha?

    rascunhosdecaneta.blogspot.com

    ResponderExcluir
  2. Gostei do efeito, fica bem legal mesmo ^^
    superdonutss.blogspot.com

    ResponderExcluir
  3. nuss '-' adorei o efeito fica mucho lindoo *-*
    Bjs.<3
    http://souotomeecomorgullhoo.blogspot.com.br/

    ResponderExcluir
  4. amei o efeito! =3
    aliás, a maioria de seus tutoriais são ótimos ^.^

    ResponderExcluir
  5. Obrigada!!! Fico muito feliz que tenham gostado ^^
    Beijus...

    ResponderExcluir
  6. Parabens Roberta *c* vc ganhou uma tag XD
    BJS.<3
    TAG>>http://souotomeecomorgullhoo.blogspot.com.br/2013/01/repassando-tag-voces-sabiam-do-aviao.html

    ResponderExcluir
  7. Roberta este detalle para blog me encantó, como dices es algo bien discreto y se ve muy lindo. Te agradezco por el tutorial, esta genial.
    Te dejo muchos besitos y tienes un premio en mi blog. Cariños.

    ResponderExcluir
  8. Que efeitinho bonitinho ^^!
    #Kissus♥
    cotidianodeumabarbie.blogspot.com

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Deviantart

up