FANDOM


Mouse-over tool-tip

Exemplo de um tooltip grande de uma página de "dump" da Ikariam Wiki

Tooltips são efeitos que acontecem quando você passa o mouse sobre uma palavra para fornecer informações extras para leitores.

Passo-a-passo

Para fazer uma tooltip básica aparecer, tudo o que você precisa fazer é "cercar" o texto onde você quer que a tooltip apareça com as etiquetas div ou span com o parâmetro title="insira o texto aqui", assim:

<span title="Esta é uma tool-tip!">Passe o mouse sobre mim para ver esta tool-tip!</span>

ou

<div title="Esta é uma tool-tip!">Passe o mouse sobre mim para ver esta tool-tip!</div>

Para este resultado (usando a etiqueta span):

Passe o mouse sobre mim para ver esta tool-tip!

Você também pode mudar a maneira como o cursor aparece quando se passa o mouse pelo mesmo texto ou qualquer outro texto adicionando style="cursor:<cursor-style>;". Por exemplo:

  1. style="cursor:help;" resultará em:
    Passe o mouse sobre mim para ver o cursor 'ajuda'
  2. style="cursor:pointer;"resultará em:
    Passe o mouse sobre mim para ver o cursor 'apontador'
Veja também: Ajuda:Cursor

Veja também

Mais ajuda e feedback