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.



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!

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

Ah, obrigado! Pode fechar o tópico.

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.

(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 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;
}

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

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