Como faço para colocar um js no meu fórum que possa ver detalhes sobre a ficha de personagem do usuário

Qual é minha questão:
Quero colocar algum java script ou qualquer código que faça isso,que eu clique no "Exibir meu perfil" e mostre detalhes sobre o personagem dele
http://i.minus.com/jbpfTZBB8kCSqa.PNG (Clique nesse link da imagem para entender melhor)

Link:http://narutorpgstorm.ultimaterpg.net/

Painel de Controle    Módulos    RPG    Gestão dos campos Adicionar um campo

Campos
Nome do campo :
HP
Tipo :
Barra
Ordem :
1
Valor padrão :
200
Modificável pelo membro :
Normal
Visível nos fóruns :
Normal

Esse ai era so as fichas!

Botão de exibir perfil

Painel de Controle    Módulos   HTML & JAVASCRIPT    Gestão dos códigos JavaScript Criar um novo JavaScript

Senhor, cria um novo javascript com o Investimento: Nos tópicos com o seguinte código:

Código:

jQuery(document).ready(function() {
  jQuery('.post .postmain .postbody .user').each(function() {
      jQuery(this).find('.user-info').insertAfter(this);
      jQuery(this).find('.user-ident').after('<input onclick="jQuery(this).closest(\'.postbody\').find(\'.user-info\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" value="Exibir perfil" type="button" id="epf">');
  });
});

Painel de Controle    Visualização   Imagens e Cores    Cores Folha de estilo CSS

E adicione este código em sua folha de estilo CSS:

Código:

.user-info {
-moz-border-radius: 7px;
-o-border-radius: 7px;
-webkit-border-radius: 7px;
background: #fff;
border: 12px solid gray;
border-radius: 7px;
max-width: 300px;
padding: 7px;
position: absolute;
z-index: 999;
}
#epf {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
background: #242c2e!important;
background-color: #242c2e!important;
border: 1px solid #212121;
border-color: #212121!important;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 2px 0 0 #5C5C5C, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
display: inline-block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 300;
height: 30px;
line-height: 30px;
padding: 0 10px;
text-align: center;
text-shadow: 0 -1px 0 #191919;
width: 125px;
}

Até mais,
Passar bem.