Como personalizar aquele resuminho do perfil do usuári

3 participantes

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

Tópico resolvido Como personalizar aquele resuminho do perfil do usuári

Mensagem por Pika_mestre 09.07.12 19:58

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 personalizar aquele resuminho do perfil do usuári 2lkxm3t

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
Pika_mestre

Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar aquele resuminho do perfil do usuári

Mensagem por Mr.Thiago 09.07.12 20:55

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;
}
Mr.Thiago

Mr.Thiago
*

Membro desde : 06/07/2012
Mensagens : 30
Pontos : 46

http://gcd-forum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar aquele resuminho do perfil do usuári

Mensagem por Convidad 12.07.12 15:13

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como personalizar aquele resuminho do perfil do usuári

Mensagem por Luciano98 14.07.12 6:55

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

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos