Como criar uma espécie de hint para imagens

2 participantes

Ir para baixo

Tópico resolvido Como criar uma espécie de hint para imagens

Mensagem por leandroramsesII 10.03.11 2:37

Qual é sua questão:
Boa Noite.

Gostaria de saber se é possível colocar pequenos textos explicativos que são exibidos embaixo do cursos do mouse quando o mesmo é colocado sobre uma imagem.

Em html eu uso a tag "<Alt=>" para habilitar essa opção, porém aqui não estou conseguindo fazer.

Abaixo coloco um exemplo de como estou usando as tags:
"[*img]https://i.servimg.com/u/f56/12/16/42/40/medal_11.gif [/img*]-50 combates"
(Sem os * e as " ")

Esse exemplo é somente da imagem e oq eu gostaria de fazer é que quando colocar o mouse em cima da imagem aparecer escrito "50 combates"

Valeu galera. Obrigado pela ajuda.

Que medidas você tomou para corrigir o problema:



Apresente-nos imagens do problema (se necessário):
leandroramsesII
leandroramsesII
Novo Membro

Membro desde : 10/03/2011
Mensagens : 4
Pontos : 6

http://scorpionsrelive.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma espécie de hint para imagens

Mensagem por Needke 10.03.11 2:44

Olá leandroramsesII,

Creio que pretende adicionar uma descrição à imagem, certo?
<img src="endereco-da-imagem" alt="Texto Alternativo" title="Descrição" />

A tag <alt>, representado a verde, é utilizado somente para apresentar um texto alternativo, caso o navegador não consiga apresentar correctamente a imagem em questão.

Para a sua questão, deverá utilizar a tag <title>, representado a vermelho, será o texto a mostrar quando passar o mouse em cima.


Por favor informe-nos caso necessite de suporte adicional Piscada

Att, Needke
Needke
Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma espécie de hint para imagens

Mensagem por leandroramsesII 10.03.11 2:50

Blz, é mais ou menos isso.
Agora como ficaria a estrutura no exemplo que eu dei?
ficaria mais ou menos assim:

"[*img]https://i.servimg.com/u/f56/12/16/42/40/medal_11.gif [/img*][title] 50 combates[/title]
leandroramsesII
leandroramsesII
Novo Membro

Membro desde : 10/03/2011
Mensagens : 4
Pontos : 6

http://scorpionsrelive.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma espécie de hint para imagens

Mensagem por Needke 10.03.11 2:56

Isso dependerá da zona do seu fórum Piscada
Onde pretende utilizar exactamente, em mensagens ou Widgets?

Caso pretenda colocar em perfil, consulte esse tópico:
https://ajuda.forumeiros.com/t35486-

Att, Needke
Needke
Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma espécie de hint para imagens

Mensagem por leandroramsesII 10.03.11 2:59

é em mensagens que estou tentando montar.

To criando algumas medalhas para os combatentes da aliança do game que jogamos.

Para não ter que criar um outro tópico explicando oq significa cada medalha eu pensei em colocar essa tag para mostrar a descrição da imagem colocando o mouse em cima.

Isso que ta complicado. kkkkk
leandroramsesII
leandroramsesII
Novo Membro

Membro desde : 10/03/2011
Mensagens : 4
Pontos : 6

http://scorpionsrelive.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma espécie de hint para imagens

Mensagem por Needke 10.03.11 3:03

Então isso não será possível no BBCode, sinto muito Piscada
Em alternativa, deverá activar HTML nas mensagens do fórum, em:
Painel de Controlo Seta Geral Seta Mensagens e e-mails Seta Configuração

Procure por "Permitir HTML :" e marque na opção "Sim" Piscada

Quando terminar isso, será possível utilizar esse efeito (em HTML)!
Código:
<img src="http://i56.servimg.com/u/f56/12/16/42/40/medal_11.gif" title="50 combates" alt="50 combates" />

Att, Needke
Needke
Needke
Hiper Membro

Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma espécie de hint para imagens

Mensagem por leandroramsesII 10.03.11 3:13

Ok amigo.

Obrigado pela ajuda.

Boa Noite.
leandroramsesII
leandroramsesII
Novo Membro

Membro desde : 10/03/2011
Mensagens : 4
Pontos : 6

http://scorpionsrelive.forumeiros.com/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos