#tooltip com seta
Explore tagged Tumblr posts
Note
sabe como colocar uma "setinha" no tooltip? ;/
ufff, ACHEEEI, graças adeus. haha tava procurando um tuto que tinha lido sobre isso, e procurei mttt e achei! Enfim, é o seguinte. Primeiro, você cola o código a seguir no seu CSS, ou seja, entre e :
código aqui
Personalize ele como quiser. Pronto. Agora, você vai colar esse código depois de :
Bom. Agora você se pergunta "Que URL DO DOCUMENTO é essa?". Para ter essa pontinha, você precisa de mais trabalho. Vou explicar o que você deve fazer.
1) Abra seu bloco de notas, e cole esse código aqui nele.
2) Depois, você vai apertar CTRL + F, e procurar por src. Logo depois desse src, vai ter a URL de uma imagem. Essa imagem é a pontinha do seu tooltip. A url que tá aí, é uma pontinha preta, porque e uma base. Mas você pode trocar a cor como você quiser no photoshop ou em algum programa de edição. Depois de ter feito a alteração da cor (se quiser fazer), venha aqui, cria uma url, e substitua essa nova url pela url da base que está lá logo depois de src.
3) Depois de ter trocado a url da sua imagem da pontinha, salve o documento como formato ".txt" (basta salvar com qualquer nome, e no final botar .txt). Depois vem aqui, e cria a url do seu documento que você acabou de salvar.
4) Depois de ter criado a url, copie ela, e cole no lugar do "URL DO DOCUMENTO" do código que eu pedi para copiar logo depois de
. Então, no meu caso, ficaria:
PS: O url alí é a url do documento que você copiou no bloco de notas (alterado por mim). Não pegue ele, é legal você ter um esforcinho básico :P
--//--
Pronto. Agora vem a parte fácil. Basta colocar isso aqui onde você quer que apareça o tooltip:
onMouseover="ddrivetip('O QUE VOCE QUISER')"; onMouseout="hideddrivetip()">
Se quiser pôr em alguma imagem, ponha o seguinte código:
onMouseover="ddrivetip('O QUE VOCE QUISER')"; onMouseout="hideddrivetip()">
É isso. Se usar, credite!!!! Tive muito trabalho. Tutorial feito por Gabriel, bjbj.
Observações: A cor da pontinha tem que ser a mesma da cor do balãozinho. Então se você quiser que seu balão seja azul, você tem que botar a pontinha do seu tooltip azul também.
10 notes
·
View notes