Como personalizar aquele resuminho do perfil do usuári

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

Resolvido Como personalizar aquele resuminho do perfil do usuári

Mensagem por Pika_mestre em 09/07/12, 03:58 pm

Qual é minha questão:
Bom pessoal, aquele resumo do perfil do usuário que aparece nas mensagens do meu fórum está me incomodando um pouco! É que o nome do usuário está grudado no rank, olha:

Links e imagens do meu problema:


como posso separá-los? seria bom se colocasse o nome do usuário em cima da imagem centralizado, e o rank embaixo, também centralizado! seria possível?

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

Versão do meu fórum:
PHPBB2
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Como personalizar aquele resuminho do perfil do usuári

Mensagem por Mr.Thiago em 09/07/12, 04:55 pm

Coloque isso na Sua CSS

Código:



.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info{
    width:550px;
    text-align:left;
        border: 1px solid #CCC;
    opacity:0.0;
    filter:alpha(opacity=0);
    z-index:-9;
        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{
    z-index: 999;
        left: 100%;
    opacity:100;
    filter:alpha(opacity=100);
  transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
      -o-transition: opacity 500ms linear;
      -ms-transition: opacity 500ms linear;
      -webkit-transition: opacity 500ms linear;
}
avatar

Mr.Thiago
Nível 4

Masculino
Inscrito dia : 06/07/2012
Mensagens : 30
Pontos Ativos : 46

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

Resolvido Re: Como personalizar aquele resuminho do perfil do usuári

Mensagem por Convidad em 12/07/12, 11:13 am

Bom dia!

Se o código do senhor Mr. Thiago não funcionar, poderia por favor me enviar o seu template "view_topic_body"?

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Como personalizar aquele resuminho do perfil do usuári

Mensagem por Luciano98 em 14/07/12, 02:55 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.post .postdetails.poster-profile .name{display:block}

Valide.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.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