Como não deformar avatar do lastpost

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

Atendido / Resolvido Como não deformar avatar do lastpost

Mensagem por Mirotic 25.05.20 21:22

Detalhes da questão


Endereço do fórum:https://multiversoprime.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Bem gente, Olá! Gostaria de uma ajuda com um código css.

Queria saber se há como manter as proporções do avatar lastpost sem deforma, dá pra fazer isso quando a imagem está em background, mas neste caso não sei o que fazer.

Como não deformar avatar do lastpost TESTE

Esta é a imagem do meu fórum, gostaria de saber se da para dar uma esticada "vertical" na imagem para não ficar deformada.

Grato!


Última edição por Mirotic em 03.06.20 5:49, editado 1 vez(es)
Mirotic

Mirotic
Nível 7

Masculino
Inscrito dia : 17/11/2018
Mensagens : 91
Pontos Ativos : 154

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Como não deformar avatar do lastpost

Mensagem por Chanp 25.05.20 22:32

Olá @Mirotic,

Infelizmente não há essa propriedade no CSS3. Quem sabe em próximas versões não encontram alguma solução para isso.

Chanp
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos Ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Como não deformar avatar do lastpost

Mensagem por Mirotic 25.05.20 22:40

Ah, obrigado! Pode fechar o tópico.
Mirotic

Mirotic
Nível 7

Masculino
Inscrito dia : 17/11/2018
Mensagens : 91
Pontos Ativos : 154

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Como não deformar avatar do lastpost

Mensagem por Chanp 25.05.20 23:02

Tópico resolvido


Movido para "Questões resolvidas".
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos Ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Como não deformar avatar do lastpost

Mensagem por pedxz 02.06.20 8:33

Questão reaberta a pedido do autor!

Tópico desbloqueado.

Fórum inexistente


O seu fórum encontra-se inativo ou não existe. Para prosseguirmos com este tópico, pedimos que atualize o link com o de um fórum existente. Caso não o faça em 2 dias, o tópico será movido para a lixeira.

Tópico pendente.


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 - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Atendido / Resolvido Re: Como não deformar avatar do lastpost

Mensagem por pedxz 03.06.20 11:02

(Autor atualizou o endereço do fórum.)

Para que o avatar não fique deformado, e sim com o tamanho real, o senhor pode adicionar na sua folha de estilo o seguinte código:
Código:
.lastpost-avatar img {
    object-fit: contain;
}
Caso o senhor não goste do resultado final, podemos fazer outra coisa alterar o width para:
Código:
.lastpost-avatar img {
    width: auto!important;
}


Atenciosamente,
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 - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Atendido / Resolvido Re: Como não deformar avatar do lastpost

Mensagem por Mirotic 03.06.20 14:09

@Pedxz escreveu:(Autor atualizou o endereço do fórum.)

Para que o avatar não fique deformado, e sim com o tamanho real, o senhor pode adicionar na sua folha de estilo o seguinte código:
Código:
.lastpost-avatar img {
    object-fit: contain;
}
Caso o senhor não goste do resultado final, podemos fazer outra coisa alterar o width para:
Código:
.lastpost-avatar img {
    width: auto!important;
}


Atenciosamente,
pedxz.
Pedxz, meu querido, obrigado me ajudou, é o mesmo código, porém é cover.
Abaixo para quem quiser testar.  

Código:
.lastpost-avatar img {
 object-fit: cover;
}
Mirotic

Mirotic
Nível 7

Masculino
Inscrito dia : 17/11/2018
Mensagens : 91
Pontos Ativos : 154

https://ajuda.forumeiros.com/

Atendido / Resolvido Re: Como não deformar avatar do lastpost

Mensagem por pedxz 03.06.20 14:13

Ah peço desculpa então, tinha percebido que o senhor não queria "esticar" Rindo

Tópico resolvido


Movido para "Questões resolvidas".


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 - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

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


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