Como alterar posição do perfil nas mensagens?

Detalhes da questão

Endereço do fórum: http://redeobscure.forumeiros.com
Versão do fórum: ModernBB

Descrição

como diz o titulo queria deixar o avatar quadrado pois ta redondo  e o avatar e a informações do postador está na direita queria colocar esquerda

Sobre o avatar quadrado adicione na sua folha de estilo CSS:

Código:

.postprofile-avatar img{
  border-radius: 0!important;
}

Sobre deixar o perfil na direita: Painel administrativo Geral Fórum Configuração Posição do perfil nas mensagens : À esquerda

desculpe *Retangular!

Boa tarde, Paulo.

Sobre as informações na esquerda, queira ler esse tópico: https://ajuda.forumeiros.com/t113372-colocar-perfil-nas-postagem-para-o-lado-esquerdo

Quanto ao avatar retangular, deseja que ele seja horizontalmente retangular ou verticalmente retangular?

Atenciosamente,
Lobs

Verticalmente

Aceda ao Painel administrativo Visualização Cores Folha de Estilo CSS.

Adicione o seguinte código no fim da folha CSS:

Código:

.postprofile-avatar img {
    height: 300px;
    width: 150px;
}

Lembrando que a proporção correta da imagem depende do tamanho original dela. Se alguém tentar colocar uma foto quadrada, por exemplo, isso irá deformá-la. Sendo assim, sugiro que informe aos seus usuários que o tamanho da imagem escolhida como avatar deve ter a proporção de 1:2 (largura:altura) ou sofrerá deformações.

Se você não quiser que o fórum deforme a imagem das pessoas para forçar ela a ser retangular, mas sim apenas permita avatares retangulares, eu sugiro que você adicione este código em vez do outro que te passei:

Código:

.postprofile-avatar img {
height: unset;
width: unset;   
max-height: 300px;
max-width: 150px;
}

E então escolha uma imagem 150x300px e defina ela como avatar padrão. Assim, todo usuário irá começar com um avatar retangular, mas, se colocar uma imagem quadrada, não terá problema.

Se essa mensagem solucionou sua questão, não se esqueça de marcá-la como "obrigado" para que outros usuários encontrem a resposta mais facilmente.

Atenciosamente,
Lobs.

ele ficou assim, https://i.imgur.com/5uTEczp.png eu quero ele retangular! ks

Olá!

Então, pegando o gancho do código do Lobs, altera o border-radius para 10px. Dessa forma, você terá este resultado:


Inclusive, se houver dois blocos de .postprofile-avatar img, deixe apenas um.

Atenciosamente,
Shek

Desculpe mais nesse código:

Código:

.postprofile-avatar img {
height: unset;
width: unset; 
max-height: 300px;
max-width: 150px;
}

Não acho:

Código:

border-radius

Bom dia.

Basta pular uma linha e incluir o border-radius: 10px !important;

Até mais.

ótimo perfeito, mais poderia mudar a cor da borda que está branco para um cinza escuro?

Então, pule outra linha e insira a propriedade border: 1px solid darkgray !important; ou com o hexadecimal #a9a9a9 se preferir.

pqp você é o cara <3 tmj <3

Por gentileza, não esqueça de clicar no botão " " para notificar no tópico a resposta que resolve sua dúvida, para ajudar membros no futuro.

Tópico resolvido Movido para "Questões resolvidas".