Código mouse hover

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

Resolvido Código mouse hover

Mensagem por Tetsuo Kami em 05/03/14, 09:38 pm

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

http://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
avatar

Tetsuo Kami
Nível 3

Masculino
Inscrito dia : 01/05/2012
Mensagens : 19
Pontos Ativos : 43

Ver perfil do usuário http://narut0nline.forumeiros.com/forum

Resolvido Re: Código mouse hover

Mensagem por HilterHP em 05/03/14, 11:09 pm

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

HilterHP
Nível 10

Masculino
Inscrito dia : 24/02/2014
Mensagens : 257
Pontos Ativos : 409

Ver perfil do usuário http://htttp://inativoforumhilter.forumeiros.com

Resolvido Re: Código mouse hover

Mensagem por Tetsuo Kami em 06/03/14, 12:59 am

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.
avatar

Tetsuo Kami
Nível 3

Masculino
Inscrito dia : 01/05/2012
Mensagens : 19
Pontos Ativos : 43

Ver perfil do usuário http://narut0nline.forumeiros.com/forum

Resolvido Re: Código mouse hover

Mensagem por ZombieW em 06/03/14, 07:17 am

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.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Código mouse hover

Mensagem por Alex Habilidade em 16/03/14, 03:48 pm

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'
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum