Código mouse hover

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

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

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.

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.

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'