Follow Us @soratemplates

quinta-feira, 4 de dezembro de 2014

Tooltip em Forma de Balão (ou Gotinha...)

Olá! Tenho alguns tutoriais para vocês que queria postar antes, mas não tive como ficar online; como tô de férias, agora tô postando tudinho...esse aqui é um modelo de tooltip em forma de balãozinho ou gotinha ou folha...enfim, arredondado com pontinha 
Para quem leu esse post aqui, já deve ter o script instalado, então caso queira usar, basta mudar o CSS; para quem ainda não tem, use tudinho.

1. Entre em Modelo - Editar HTML. Procure por </head> e cole isso antes dele:
<script language='JavaScript' src='https://db.tt/bTqrKtgt' type='text/JavaScript'/>
2. Antes de /b:skin, cole esse CSS:
div#qTip {
padding: 15px;
border: 1px solid brown;
display: none;
background: brown;
color: #6F0903;
font: bold 1.1em Tahoma;
text-align: center;
position: absolute;
z-index: 9999;
border-radius: 0 50% 50% 50%;
width: 100px;
-webkit-font-smoothing: antialiased;
}

Pronto! Resultado:

Mude as cores conforme sua preferência; espero que gostem!

2 comentários:

  1. eu estava procurando isso a tanto tempo mas infelizmente não está funcionando :(

    ResponderExcluir
    Respostas
    1. Aqui tá normal...veja funcionando aqui...a forma que sei fazer é essa, geralmente dá certo..

      Excluir

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 - Google+ - Deviantart