Personalizar o estilo das postagens

Detalhes da questão

Endereço do fórum: http://twalkingdeadbr.forumeiros.com/
Versão do fórum: phpBB2

Descrição

Boa tarde, gostaria de deixar as postagens do meu fórum mais bonita e agradável, diferente.

Post no meu fórum:

Spoiler:

Como pode-se vê as postagens no meu fórum ficam com o fundo cinza (queria que ficasse branco), fica uma borda preta forte e com o perfil centralizada nela, gostaria que isso mudasse.

Spoiler:

Gostaria que ficasse como o da imagem acima, o perfil no canto, o fundo branco e umas linhas cinzas clara.

Espero que possam me ajudar e obrigado desde já.

Olá.
Adicione este CSS, ao final de sua CSS:

Código:

.postprofile {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    border-right: solid 1px #d6d6d6;
    height: 100%!important;
}

.post {
    background-color: #fff;
    border-top: solid 1px #d6d6d6!important;
    border: none;
    border-radius: 0px;
}

.postprofile dt {
    padding: 10px;
    border-bottom: solid 1px #d6d6d6;
}

.post .postprofile dl dt a[href*="/u"] img[src][alt] {
    margin-bottom: 10px;
}

Até mais.

Melhorou brow, mas só que não ficou como eu queria; quero que fique exatamente igual o do print.

Spoiler:

Falta colocar o perfil pro canto, deixar as linhas certinhas e tira essas linhas pretas e tals

Adicione este código ao final (no final de todo o código presente) de sua Folha de Estilo CSS:

Código:

.postprofile {
    border: none!important;
    border-right: solid 1px #ddd!important;
    border-radius: 0px!important;
    text-align: left;
}

Até mais.

Spoiler:

Quase perfeito, só mais umas coisas se não for incomodo: gostaria de deixar a imagem de perfil com os lados quadriculados, se você perceber tá redondo (não ser porque); botar essa linha cinza pra baixo da imagem de rank, adicionar mais uma linha cinza pra baixo das medalhas e mais outra pra debaixo dos troféus.

Vlw

Use este código também, ao final de sua CSS:

Código:

.post .postprofile dl dt a[href*="/u"] img[src][alt] {
    border-radius: 0px!important;
}

.postprofile dd:nth-child(2) {
    border-bottom: solid 1px #ddd;
}

Até mais.

Spoiler:

Olha como ficou brother. Queria que melhorasse o que disse no meu comentário anterior; e tenho a impressão que o avatar tá mais pra direita (não tá alinhado ao título e as informações de perfil. :-/

Desculpe pelos erros.

---

Quanto ao resto, adicione, também ao final de sua CSS, o seguinte código:

Código:

.postprofile dt {
    border: none!important;
}

.postprofile dd br + img,
.post .postprofile dl dt a[href*="/u"] img[src][alt],
.postprofile strong a[href*="/u"] {
    margin-left: -10px;
}

.postprofile dd br + img {
    margin-bottom: 5px;
}

Todavia, não será possível adicionar a linha acima/abaixo das medalhas, pois não são todos os perfis com ela, como é o caso deste:
-> http://prntscr.com/ena2mx

Até mais.

Nossa man, perfeito! Vlw aí! Só faltou a linha embaixo dos troféus, mas de boa!

Vlw aí pela disposição a ajudar!