Detalhes da questão

Endereço do fórum: https://tattaglia-family-cvr.forumeiros.com/forum
Versão do fórum: ModernBB

Descrição

Olá, boa noite. Gostaria de saber como faço para deixar os perfis nas postagens da seguinte maneira:
https://i.imgur.com/4MGl6eI.png

Queria deixar ele com essas linhas dividindo os campos, e também esta caixa aonde contém as informações toda do perfil. Gostaria que o meu ficasse exatamente como o da imagem acima.

O meu atualmente está assim:  https://i.imgur.com/zThksnv.png

E se possível, ensina também como faz para tirar essa borda branca no avatar.

Olá @Skull_MasteR,

Meu perfil em cima hehehe, bom adicione isto no seu CSS:

Centralizar:

Código:

.postprofile {
    background: #f8f8f8;
    padding: 10px;
    text-align: center;
    width: 20%!important;
}

Atenciosamente,
Sleep

Meu perfil em cima hehehe

Claro, 

----------

Mas então, não era muito bem isso que eu queria, e o CSS que você me mandou deixou o perfil meio bugado.

A verdade que eu queria deixar o perfil nas postagens da seguinte forma: https://prnt.sc/s1z6d8

Os campos tudo centralizados e certinho, essas linhas dividindo os campos, e também esta caixa aonde fica todas as informações do usuário.

Meu objetivo era deixar o perfil do usuário quando ele postasse algo no tópico, igual a daqui.

Olá @Skull_MasteR,

Leia o seguinte tópico: Questão resolvida, acho que lhe ajudará, qualquer dúvida diga!
Lembre-se que é totalmente proibido a cópia parcial do tema do fórum de suporte, Forumeiros!


Cordialmente,
pedxz.

Então, consegui fazer tudo certinho, porém deu um problema...

O avatar ficou grande nesta caixa (print), então queria saber se tu poderia me ajudar centralizar esse avatar e deixar ele certinho na caixa (assim).

E também queria que me ajudasse centralizar esses botões que ficam no final, fazendo-os que fiquem iguais ao FdF, por favor.

Olá, Skull_MasteR!

Infelizmente não é possível deixar igual ao do Fórum dos Fóruns, mas pode deixar semelhante.

Tente este código:

Código:

.postprofile {
    background: #f8f8f8;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-right: 1% !important;
    max-width: 200px !important;
    text-align: center;
}
.postprofile img {
        max-width: 100%;
        border-radius: 0!important;
}
.post-head {
        padding-right: 230px !important
}

Aguardo respostas.

-Xerox- escreveu:Olá, Skull_MasteR!

Infelizmente não é possível deixar igual ao do Fórum dos Fóruns, mas pode deixar semelhante.

Tente este código:

Código:

.postprofile {
    background: #f8f8f8;
    border-color: rgba(0,0,0,0.18);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-top: 1% !important;
    margin-bottom: 1% !important;
    margin-right: 1% !important;
    max-width: 200px !important;
    text-align: center;
}
.postprofile img {
        max-width: 100%;
        border-radius: 0!important;
}
.post-head {
        padding-right: 230px !important
}

Aguardo respostas.

Atenciosamente, -Xerox-

Então, eu já fiz isso, porém há um problema...

O avatar ficou posicionado de uma maneira errada, gostaria de centralizá-lo e deixá-lo corretamente.
Eu coloquei os Avatares nas dimensões 170x300.

Como está: Veja.
Como quero: Veja.

Olá novamente, Skull_MasteR!

Procure por:

Código:

.postprofile img {
        max-width: 100%;
        border-radius: 0!important;
}

E troque por:

Código:

.postprofile img {
        max-width: 90%;
        border-radius: 0!important;
        position: center;
}

Caso isso não funcione, me forneça uma conta teste por mensagem privada, por gentileza.

Aguardo respostas!

Não deu certo, mas pode deixar, irei deixá-lo assim mesmo.
Valeu, obrigado!