Efeito gotinha

Oi fofuras perfeitosas *0*
Sentiram minha falta? Claro que não ç.ç Mal posso acreditar que hoje foi o meu último dia  de  aula desse ano, aleluia gente!  Que dia vai acabar a aula de vocês? Mudando de assunto, hoje eu fiquei 4 horas seguidas fazendo um layout, então estou morrendo de fome. Assim que eu terminar esse post, pode crer que eu vou estar atacando a  geladeira. Acreditam  que  quando  eu  estou  com  fome  eu fico mais inspirada? ASUASHU q. Mudando de assunto de novo ( chega Heloísa), eu piorei um pouco na prova, em relação a outra  que  tive, fiquei magoada com isso, eu fico pensando que pode ser culpa do Blog ( obviamente minha também ). Vamos ao post finalmente? o3o

Bom, novamente estou trazendo um efeito, só que esse é melhor porque o outro ficou FEIO DMS feinho, quem viu sabe -q. Esse  tuto é a coisa mais fácil do mundo pra se fazer, o resultado é simples porém fofinho, preview aqui, é o primeiro Gadget da esquerda <. Let's See?


Vá em seu HTML, tecle Ctrl + F e procure por: ]]></b:skin>. Acima dessa tag, cole o código abaixo:

.bordinha {
padding: 1px; /* espaçamento da borda */
border: 1px solid #dad0cf; /* cor da borda */
border-radius: 100px 100px 100px 100px;
-webkit-transition-duration: .80s;
}
.bordinha:hover {
padding: 1px;
border: 1px solid #dad0cf; /* cor da borda hover */
border-radius: 100px 100px 0px 100px; /* não mude */
opacity: 0.80; /* opacidade mais baixa, se não quiser apague */
-webkit-transition-duration: .80s;
}
Agora em um Gadget HTML/JavaScript cole:

<center><a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="LINK DA IMAGEM" class="bordinha" /></a>
<a href="LINK AQUI" title="TÍTULO DA TOOLTIP"><img src="LINK DA IMAGEM" class="bordinha" /></a>
<a href="TÍTULO DA TOOLTIP" title="NOME"><img src="LINK DA IMAGEM" class="bordinha" /></a></center> 
Substitua o que está em negrito pelo que se pede. 

19 comentários:

  1. AIMEUDEUS minhas aulas também acabaram hoje! #tocaaqui FÉRIASSSSSSSSSSSSSS
    Nossa, esse é o blog de testes mais lindo que eu já vi ._. Todos os efeitos são fofos, principalmente o da gotinha, mas acho que vou usar o menu agenda, hueuhuhehuhur.

    http://welcome-to-kawaii-land.blogspot.com.br/

    ResponderExcluir
  2. Eu já vi esse efeito , ótimo né ? Meu último dia de aula foi nessa sexta :D
    candytendy.blogspot.com

    ResponderExcluir
    Respostas
    1. Muito fofo *_* as minhas aulas acabam dia 15 mas eu parei de ir hoje u.u

      Excluir
  3. Estava procurando por esse efeito, sua diva! E nem ouse dizer que ele é feio! Ele é simples, mas o acho perfeito *3*

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  4. Realmente esse efeito e bem fácil para fazer, e você colocou tudo muito bem explicadinho.
    Gostei, esperando o próximo em Heloísa...
    Mandi, preocupa não... Já fiz isso algumas vezes kk.
    Um abraço para vocês.

    ResponderExcluir
    Respostas
    1. Obrigada e fico feliz que gostou *--*
      ASASUHASUHASUH imgn u.u

      Excluir
  5. Esse efeito foi feito por você? Eu já vi em outro blog. Enfim, ficou lindo.

    etcforme.blogspot.com

    ResponderExcluir
    Respostas
    1. Foi sim, é que eu ja tinha visto um só que um pouco diferente, você relava e ficava redondo. Aí eu fiz, só que vários blogs tem iguais D:

      http://htmlandresources.blogspot.com.br/

      Excluir
  6. Helooh sua diva o efeito gotinha é PEperfeito *---*

    ResponderExcluir
  7. Owwwng que fofo esse efeito *-*
    Ainda bem que já acabei a faculdade e não estudo mais hahahaha curta bastante suas férias!
    bjss

    www.entorpecendo.com

    ResponderExcluir
  8. é verdade bem fofinho e facil *_* :)
    bjss
    http://mymomentsz.blogspot.com.br/

    ResponderExcluir
  9. Oi Heloisa, você me tirou dos afiliados?, adorei esse efeito, vou usar na nossa versão natalina ai que emossaum -n
    http://lleopardorosa.blogspot.com.br/

    ResponderExcluir
  10. Agora tudo o que te desejo são umas excelentes férias. Tudo de bom para ti,muitos beijinhos e fica com deus!!

    ResponderExcluir

Seu comentário é muito importante para o crescimento do blog, mas antes têm algumas regrinhas a serem cumpridas:
♥ Aceitamos pedidos de afiliação, somente se seguir o nosso blog;
♥ Comentários do tipo "seguindo,segue de volta, serão aceitos com prazer, afinal não é pecado pedir para seguirem seu blog, não é mesmo?;
♥ E é claro que eu visito seu blog, afinal é bom conhecermos novos blogs;
♥ Deixe o link do seu blog;
♥ Para mais informações, consulte a nossa FAQ