Personalizar o perfil

Detalhes da questão

Endereço do fórum: http://unitdskylinesnations.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Saudações! Queria mudar o estilo dos perfis nas postagens para o desse fórum aqui:
http://www.bestskins.net/t5789-

Quero só o nome com a caixa e a foto do perfil quadradinha do jeito que tá la. As outras informações podem ficar com o estilo padrão mesmo.

Agradeço a paciência haha!

Olá adicione em sua folha CSS o seguinte código

Código:

.postprofile > dl > dt > a > img {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    background: #fff;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 125px;
    width: 125px;
    padding: 1px;
    }
.postprofile > dl > dt > a > img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

Resultado http://prntscr.com/ccxain

Até mais

Oi, eu tirei o css que deixava o nome de usuário em cima da imagem do perfil, pois achei que ficou estranho. Teria como deixar um espaço maior entre a foto de perfil e o nome de usuário? Eles estão muito juntos.

Obrigado

Olá autor,

Tente trocar o código passado por este:

Código:

.postprofile > dl > dt > a > img {
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        background: #fff;
        border: 1px solid #D5D5D5;
        box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        height: 125px;
        width: 125px;
        padding: 1px;
        margin-bottom: 10px !important;   
}
.postprofile > dl > dt > a > img:hover {
    border-color: #A1A1A1;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}

Veja se resulta como o senhor espera.
Até mais!

Perfeito. Obrigado.