Caixa nos Perfis das Postagens

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

Atendido / Resolvido Caixa nos Perfis das Postagens

Mensagem por Skull_MasteR 18.04.20 20:47

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: Caixa nos Perfis das Postagens 4MGl6eI
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: Caixa nos Perfis das Postagens ZThksnv https://i.imgur.com/zThksnv.png

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

Skull_MasteR
Nível 4

Masculino
Inscrito dia : 20/05/2018
Mensagens : 25
Pontos ativos : 37

http://exercitobpf.forumeiros.com/forum

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por Sleep 18.04.20 21:12

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
Sleep

Sleep
Usuário destaque

Masculino
Inscrito dia : 10/08/2012
Mensagens : 782
Pontos ativos : 976

https://syndicaterp.forumeiros.com/

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por Skull_MasteR 18.04.20 21:49

Meu perfil em cima hehehe
Claro,  Eu amo você

----------

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

Skull_MasteR
Nível 4

Masculino
Inscrito dia : 20/05/2018
Mensagens : 25
Pontos ativos : 37

http://exercitobpf.forumeiros.com/forum

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por pedxz 18.04.20 22:37

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.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6191
Pontos ativos : 7355

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por Skull_MasteR 18.04.20 23:53

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

Skull_MasteR
Nível 4

Masculino
Inscrito dia : 20/05/2018
Mensagens : 25
Pontos ativos : 37

http://exercitobpf.forumeiros.com/forum

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por -Xerox- 19.04.20 18:54

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

Atenciosamente, -Xerox-
-Xerox-

-Xerox-
Nível 10

Masculino
Inscrito dia : 08/11/2019
Mensagens : 270
Pontos ativos : 405

https://portalcrnblet.forumeiros.com/

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por Skull_MasteR 19.04.20 20:27

@-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. Feliz

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

Skull_MasteR
Nível 4

Masculino
Inscrito dia : 20/05/2018
Mensagens : 25
Pontos ativos : 37

http://exercitobpf.forumeiros.com/forum

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por -Xerox- 19.04.20 21:30

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! Feliz

Atenciosamente, -Xerox-
-Xerox-

-Xerox-
Nível 10

Masculino
Inscrito dia : 08/11/2019
Mensagens : 270
Pontos ativos : 405

https://portalcrnblet.forumeiros.com/

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por Skull_MasteR 19.04.20 21:57

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

Skull_MasteR
Nível 4

Masculino
Inscrito dia : 20/05/2018
Mensagens : 25
Pontos ativos : 37

http://exercitobpf.forumeiros.com/forum

Atendido / Resolvido Re: Caixa nos Perfis das Postagens

Mensagem por Sleep 19.04.20 22:45

Tópico resolvido


Movido para "Questões resolvidas".
Sleep

Sleep
Usuário destaque

Masculino
Inscrito dia : 10/08/2012
Mensagens : 782
Pontos ativos : 976

https://syndicaterp.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão neste fórum:
Você não pode responder aos tópicos neste fórum