Efeito no perfil do usuário

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

Resolvido Efeito no perfil do usuário

Mensagem por zHugh em 29/06/12, 01:46 pm

Qual é minha questão:
Olá!
Gostaria de saber se há algum código disponível para a versão PHBB3 que me permita fazer o seguinte efeito no campo do perfil dos usuários.
observe no seguinte forum: http://jacksong.forumeiros.com/t143-evolucoes-de-dmrlinazuma

quando colocamos o cursor do mouse sobre o avatar do usuário se abre um quadro mostrando as informações do usuário.

Links e imagens do meu problema:
Ja repassado acima

Endereço do meu fórum:
http://pokemonrevolutionrv.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por Paul Kirls em 29/06/12, 06:44 pm, editado 1 vez(es)
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 564
Pontos Ativos : 953

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Resolvido Re: Efeito no perfil do usuário

Mensagem por #Skull em 29/06/12, 01:54 pm

Ola amigo,
Queira Por favor ler esse tutorial

Ate mais.
avatar

#Skull
Usuário destaque

Inscrito dia : 16/03/2012
Mensagens : 608
Pontos Ativos : 889

Ver perfil do usuário

Resolvido Re: Efeito no perfil do usuário

Mensagem por zHugh em 29/06/12, 02:04 pm

Olá!
Pelo que entendi é nescessário a modificação de Templates estou certo?
Porém meu fórum esta na versão PHBB3 então não tem como eu faze-lo .-.
Há algum codigo para PHbb3?
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 564
Pontos Ativos : 953

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Resolvido Re: Efeito no perfil do usuário

Mensagem por #Skull em 29/06/12, 02:08 pm

Há sim.
Tente adicionar esse código em seu CSS
Código:


.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
    width:350px;
        border: 1px solid #CCC;
    display:none;
        left: 100%;
        top: 20px;
        position: absolute;
        background: #F1F1F1;
        padding: 5px;
    box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
      -o-box-shadow: 0 8px 6px -6px #333;
      -ms-box-shadow: 0 8px 6px -6px #333;
      -webkit-box-shadow: 0 8px 6px -6px #333;
    border-radius:0 15px 15px;
    -moz-border-radius:0 15px 15px;
      -o-border-radius:0 15px 15px;
      -ms-border-radius:0 15px 15px;
      -webkit-border-radius:0 15px 15px;
}
.postbody .user:hover .user-info{
  display:block;
}

Codigo feito Por Switch ;D
avatar

#Skull
Usuário destaque

Inscrito dia : 16/03/2012
Mensagens : 608
Pontos Ativos : 889

Ver perfil do usuário

Resolvido Re: Efeito no perfil do usuário

Mensagem por zHugh em 29/06/12, 02:17 pm

Olá!
O código passado acima não funcionou.
avatar

zHugh
Usuário destaque

Masculino
Inscrito dia : 30/03/2010
Mensagens : 564
Pontos Ativos : 953

Ver perfil do usuário http://superonzerpg.forumeiros.net/

Resolvido Re: Efeito no perfil do usuário

Mensagem por #Skull em 29/06/12, 02:55 pm

Esperamos alguém Mais experiente então.
Desculpa Envergonhado
avatar

#Skull
Usuário destaque

Inscrito dia : 16/03/2012
Mensagens : 608
Pontos Ativos : 889

Ver perfil do usuário

Resolvido Re: Efeito no perfil do usuário

Mensagem por Convidad em 29/06/12, 04:22 pm

O efeito está disponível somente para versões Phpbb2 e Punbb.

Lamento autor!

Convidad
Convidado


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