[Resolvido] como criar um balão de (?)

[Alex F. 0]

Queria criar um balão igual (se possivel) a esse:

 

 

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!

[Thiago Retondar 18]

Esse efeito se chama tooltip.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Evandro Oliveira 331]

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>

[Nino Giovanny 0]

Olá Alex,

 

dá uma olhada em http://maujor.com/dicas/tooltip.php

[Giovani 104]

Nino Giovanny, obrihado por tentar ajudar, mas perceba que o Thiago passou o mesmo link que você.

Evite respostas duplicadas.

 

Abraço :D

[Alex F. 0]

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.

 

 

acho que isto é feito em javascript

agradeço!

[William Bruno 1501]

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ê:

http://www.google.com.br/search?rlz=1C1GGLS_pt-BRBR343BR343&sourceid=chrome&ie=UTF-8&q=tooltip+javascript

 

se você não tentar fazer, não dá para te ajudar.

[Alex F. 0]

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. :/

[Thiago Retondar 18]

Mostra como está fazendo. Mostre os códigos.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[kreator 0]

usa o smoth gallery!!

 

ai o site

[Evandro Oliveira 331]

sem javascript não segue o mouse

[Brayan Rastelli 2]

ninguem nunca viu a tag <acronym> ?

 

<acronym title="Ola mundo"> Hello world</acronym>

nao é muito bonito, mas quebra o galho sem usar js

[kreator 0]

o efeito da pra fazer com css,mais ele quer o efeito apareça após 5 seg,sem js n vira!

[Evandro Oliveira 331]

ninguem nunca viu a tag <acronym> ?

 

<acronym title="Ola mundo"> Hello world</acronym>

nao é muito bonito, mas quebra o galho sem usar js

 

 

e um tchauzinho à semântica =)

[Alex F. 0]

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!

[Thiago Retondar 18]

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

[Alex F. 0]

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.

[Thiago Retondar 18]

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

[Alex F. 0]

deixa pra la...

[Thiago Retondar 18]

Ok. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif