Como alterar posição do perfil nas mensagens?

4 participantes

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

Tópico resolvido Como alterar posição do perfil nas mensagens?

Mensagem por PauloVinicios1755 17.06.21 18:55

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
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por vcapelli 17.06.21 20:00

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 Seta Geral Seta Fórum Seta Configuração Seta Posição do perfil nas mensagens : À esquerda
vcapelli

vcapelli
Nível 9

Masculino
Membro desde : 17/02/2018
Mensagens : 207
Pontos : 407

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por PauloVinicios1755 17.06.21 20:06

desculpe *Retangular!
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por Lobs 17.06.21 20:28

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
Lobs

Lobs
Membro avançado

Masculino
Membro desde : 02/06/2013
Mensagens : 324
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por PauloVinicios1755 17.06.21 20:59

Verticalmente
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por Lobs 17.06.21 21:16

Aceda ao Painel administrativo Seta Visualização Seta Cores Seta 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. zen
Lobs

Lobs
Membro avançado

Masculino
Membro desde : 02/06/2013
Mensagens : 324
Pontos : 378

https://www.forumnsanimes.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por PauloVinicios1755 18.06.21 1:31

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

PauloVinicios1755
Nível 9

Masculino
Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por Shek 18.06.21 5:45

Olá!

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

Como alterar posição do perfil nas mensagens? Result10

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

Atenciosamente,
Shek King
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18676
Pontos : 22529

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por PauloVinicios1755 18.06.21 13:05

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
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por Shek 18.06.21 15:03

Bom dia.

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

Até mais.
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18676
Pontos : 22529

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por PauloVinicios1755 18.06.21 15:58

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

PauloVinicios1755
Nível 9

Masculino
Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional
  • 0

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por Shek 18.06.21 16:05

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

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18676
Pontos : 22529

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por PauloVinicios1755 18.06.21 16:28

pqp você é o cara <3 tmj <3
PauloVinicios1755

PauloVinicios1755
Nível 9

Masculino
Membro desde : 04/04/2021
Mensagens : 237
Pontos : 345

https://brasilplayobscure.forumeiros.com

Ir para o topo Ir para baixo

Membro profissional

Tópico resolvido Re: Como alterar posição do perfil nas mensagens?

Mensagem por Shek 18.06.21 16:31

Tive uma idéia!

Por gentileza, não esqueça de clicar no botão " Obrigado " 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".
Shek

Shek
Membro profissional
Membro profissional

Masculino
Membro desde : 11/04/2009
Mensagens : 18676
Pontos : 22529

https://shiftactive.blogspot.com https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos