Perfil do membro

Qual é minha questão:
bom estive a observar em um forum que o perfiul dos membros é personalizado e gostaria de efetuar o mesmo efeito em meu forum.
Igual a essa imagem: https://i.servimg.com/u/f47/13/77/16/07/cats12.jpg
Link do forum em que vi isso: http://chaoticwarriorextrem.forumeiros.com

1º Gostaria de aplicar o efeito da borda branca em volta do avatar;
2º Gostaria de aplicar o efeito da sombra em volta do avatar.
3º gostaria de aplicar o efeito da linha branca com bordas que envolvem o perfil do membro.

Espero que possam me ajudar.

Medidas que eu tomei para corrigir o problema:
nenhum

Imagens do meu problema:
NENHUM

Endereço do meu fórum:
http://superonzerpg.forumeiros.net

Versão do meu fórum:
PHPBB2

Olá,

Tente o seguinte código:

Código:

.post span.postdetails a img:first-child {
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
border: 1px solid #FFFFFF
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

Obrigado Cream funcionou perfeitamente! mais poderia me ajudar em mais uma coisa?

como posso centralizar apenas o avatar e o rank do membro no perfil das mensagens.

Olá,

Tente este código:

Código:

    .postprofile dd  {text-align: center !important;}
    .postprofile dt  {text-align: center !important;}
    .postprofile dl  {text-align: center !important;}
    .postprofile    {text-align: center !important;}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

Olá, não resultou.

Olá,

Tente este código:

Código:

.postdetails, .postdetails a img {text-aling: center !important;}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

Continua sem qualquer auteração.
Lembrando que meu forum está na versão PHBB2

Olá!

Para centralizar o perfil aceda à:
Painel...-> Visualização -> Templates -> Geral
Localize o seguinte template "viewtopic_body" à frente clique para editar no ícone "", localize o código:

Código:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                <span class="postdetails poster-profile">
{postrow.displayed.POSTER_AVATAR}<br /><br />                {postrow.displayed.POSTER_RANK}<br />
                {postrow.displayed.RANK_IMAGE}
                <!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                {postrow.displayed.POSTER_RPG}
            </span>

Retire e no lugar adicione este:

Código:

<center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                <span class="postdetails poster-profile">
{postrow.displayed.POSTER_AVATAR}<br /><br />                {postrow.displayed.POSTER_RANK}<br />
                {postrow.displayed.RANK_IMAGE}
                <!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                {postrow.displayed.POSTER_RPG}
            </span></center>

Resolve?
Até mais!