Código mouse hover

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Código mouse hover

Mensagem por Tetsuo Kami 06.03.14 0:38

Qual é minha questão:
Queria saber se tem algum código ou javascript que seja possível fazer isso como na imagem.

https://i.imgur.com/bPPk1Dm.png

Vou explicar... Oque acontece na imagem é que quando colocamos o cursor sobre a imagem que no caso é uma espada, apareça um quadro com informações ao lado. Como podem ver.
Então ficaria muito grato!

Endereço do meu fórum:
http://neo-fairytail.forumeiros.com

Versão do fórum:
PUNBB
Tetsuo Kami

Tetsuo Kami
*

Membro desde : 01/05/2012
Mensagens : 38
Pontos : 68

http://narut0nline.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Código mouse hover

Mensagem por HilterHP 06.03.14 2:09

Olá amigo, poderia nos fornecer o site do fórum onde viu isso ?
HilterHP

HilterHP
****

Membro desde : 25/02/2014
Mensagens : 257
Pontos : 409

http://htttp://inativoforumhilter.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código mouse hover

Mensagem por Tetsuo Kami 06.03.14 3:59

http://www.narutowz.com.br < este é o site. Mas não foi só nele que eu vi, eu vi também em alguns rpg no forumeiros.
Tetsuo Kami

Tetsuo Kami
*

Membro desde : 01/05/2012
Mensagens : 38
Pontos : 68

http://narut0nline.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Código mouse hover

Mensagem por ZombieW 06.03.14 10:17

Eu sei fazer isso para o perfil, passe o mouse em cima de minha foto:

http://www.tutorialdopw.com/t1098-bau-de-kestra-sera-vendido-apenas-dia-25-02-2014#3363

Se for isto que procura, o código a ser inserido no CSS é este:

Código:
/* Cartão de Visita*/
.post inner{
position: relative;
}
.postprofile dl dd.info{
  position: absolute;
  display: none;
  margin-bottom: 5px;
  margin-left: 165px;
  padding: 8px 5px 9px;
  top: 11px;
  border:2px inset white;
  width: 290px;
  z-index: 999;
  background:#000000;
}
.postprofile dl:hover dd.info{
display:block !important;
}

A partir daqui, veremos se podemos adaptar para o que você precisa.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Código mouse hover

Mensagem por Alex Habilidade 16.03.14 18:48

Olá,

Por que meu tópico foi arquivado como resolvido?
Criar sua questão não é proibido, mas saiba que sua questão tem um tempo de atividade. Se está pedindo ajuda estaremos lhe auxiliando o mais breve possível quando estas forem vistas, só que muitas vezes os autores criam seus tópicos e acabam por esquecê-los o que leva o arquivamento feito todo dia ou final de semana.
Questões passados sete dias desde da data da última postagem são arquivados. Não é permitido tópicos antigos nas seções.

Tópico movido de 'Questões sobre aparência' para 'Questões Resolvidas'
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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