Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Queria criar um balão igual (se possivel) a esse:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i48.tinypic.com/2ekjipl.gif&key=0384c35821294be7090a48b73f2a4df7f055401689e83ae8cb346a5f2fe0f3b5" alt="Imagem Postada" />
Queria que quando eu passar o mouse em cima do "[?]" ele mostrasse um balão com um texto explicativo, igual mostra na imagem acima.
vlw!
uma maneira mais 'prática', padrão e menos estética é utilizar a propriedade title
<a href="http-~~-//google.com" title="Site de busca pouco conhecido.">Google</a>
Olá Alex,
dá uma olhada em http://maujor.com/dicas/tooltip.php
Nino Giovanny, obrihado por tentar ajudar, mas perceba que o Thiago passou o mesmo link que você.
Evite respostas duplicadas.
Abraço :D
ta quase lá, mas eu queria que fosse igual (identico) ao do moneybookers igual na imagem no 1º tópico
1. quando passa o mouse em cima o script espera 0.5 segundos até aparecer o balão
2. Quando eu tirar o mouse de cima do [?] o balão some.
nota: quando o mouse ficar em cima do balão, o mesmo tambem some.
/applications/core/interface/imageproxy/imageproxy.php?img=http://i48.tinypic.com/2ekjipl.gif&key=0384c35821294be7090a48b73f2a4df7f055401689e83ae8cb346a5f2fe0f3b5" alt="Imagem Postada" />
acho que isto é feito em javascript
agradeço!
Sim, dá para fazer com Javascript também, basta pesquisar algo como:
tooltip javascript e milhares de scripts, exemplos, soluções aparecerão para você:
se você não tentar fazer, não dá para te ajudar.
Nem precisa ser javascript. só quero que o balão siga o mouse e quando o mouse sair do [?] o balão suma.
nota: quando o mouse ficar em cima do balão, o mesmo tambem some.²
pois no código que o Thiago Retondar passou quando o mouse fica em cima do balão ele nao some. :/
Mostra como está fazendo. Mostre os códigos.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
usa o smoth gallery!!
sem javascript não segue o mouse
ninguem nunca viu a tag <acronym> ?
<acronym title="Ola mundo"> Hello world</acronym>o efeito da pra fazer com css,mais ele quer o efeito apareça após 5 seg,sem js n vira!
>
ninguem nunca viu a tag <acronym> ?
<acronym title="Ola mundo"> Hello world</acronym>e um tchauzinho à semântica =)
tá entao que seja em java script!
1. nao tenho código pronto.
2. nao quero usar o title, quero um balão pra "enfeitar o site".
3. quero que siga o mouse somente quando ficar em cima do "[?]"
4. quando (por acaso) se o mouse ir para cima do balão, ele some.
5. quero que o script dê para alterar o texto que irá mostrar na localização do código, que a função seja um arquivo separado, e o código possa ser inserido no site, e ser editado o texto na hora.
6. que o script detecte automaticamente as bordas da página e impessa que o o balão saia da tela.
7. nao precisa ter mais nada, só isso!
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://plugins.jquery.com/project/Tooltip
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
tem como facilitar pra mim não?
postar somente o código que eu quero... :/
pq 80kb de código é f*** de separar e se to pedindo ajuda pro forum deve ser pq nao quero delongas.
e se to pedindo ajuda pro forum deve ser pq nao quero delongas.
E eu não te ajudei? Te passei um link com solução, não foi? Não quer com framework, oras, então vai aqui.
Sem delongas? Melhor solução http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://forum.imasters.com.br/index.php?/forum/175-oferta-de-trabalho/
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
deixa pra la...
Ok. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Esse efeito se chama tooltip.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif