Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

webmind

Tooltip [dica] BASICO

Por , em Desenvolvimento frontend

Recommended Posts

webmind    5

webmind
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dica</title>

<style type="text/css">
Body{font-family:verdana; font-size:8pt; color:#000}
a:link, a:visited{text-decoration:none; color:red}
a:hover {background:#ffffff; text-decoration:none; color:red; font-weight:bold;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:250px; font-weight:normal;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #000; background:#ff0000; color:#fff;}
</style>

</head>
<body>
<a href="#" class="tooltip">Aqui<span>Escreva neste espaco a dica</span> </a>esta um exemplo de como fazer uma dica.
</body>
</html>

 

Espero que seja util

Compartilhar este post

Link para o post
Compartilhar em outros sites

ThiagoLucio    0

ThiagoLucio
Postado

Desculpe mas já havia um tópico falando do assunto:

http://forum.imasters.com.br/index.php?showtopic=266366

 

 

Silverfox.

Não se trata do mesmo conteúdo apenas o mesmo objetivo, o tooltip.

Este tópico aqui na verdade é diferente do que você indicou, feito com outro estilo e na verdade muito mais prático...

Parabéns Webmind pela iniciativa.

Abraços aos dois.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Oderdenge    42

Guilherme Oderdenge
Postado

É - com toda certeza - bem mais fácil do que qualquer outro Tooltip que eu já utilizara.

 

Não acompanha JS, é fácil de manipular, é poucas linhas de código, é simples, é estável e acima de tudo é fácil.

 

Obrigado e, abraços! ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito