Imagem ultrapassando o limite do fórum

[Starset]

Detalhes da questão

Endereço do fórum: http://theoriginalsrising.forumeiros.com
Versão do fórum: phpBB3

Descrição

Pessoal, boa noite!

Em meu forum eu não utilizo o perfil avançado, logo as informações no perfil ficam postas lado a lado, em duas colunas. Porém, quando colocamos um gif muito grande, ele acaba por sair de dentro do limite do fórum. Como no print abaixo:



Queria saber se existe uma forma de redimensionar essa imagem automaticamente, seja por um codigo junto ao css ou algo no tamplete do profile_view_body?

Desde já, agradeço.

[virus]

Olá, em que perfil isto acontece?
http://theoriginalsrising.forumeiros.com/u5
http://theoriginalsrising.forumeiros.com/u6
http://theoriginalsrising.forumeiros.com/u3

Não achei perfil com gifs. Se puder disponibilizar um que esteja com o gif ativo agradeço.

Até mais.

[Starset]

Olá:

http://theoriginalsrising.forumeiros.com/u5 - este o perfil está com gif e ele é maior que o quadro, logo ele passa para fora da moldura, como no print:



http://theoriginalsrising.forumeiros.com/u37 - que foi o utilizado no primeiro print.

Este perfil também: http://theoriginalsrising.forumeiros.com/u191

Bem como esse: http://theoriginalsrising.forumeiros.com/u136

Nesse aqui, o gif passa, mas não é tanto quanto os outros: http://theoriginalsrising.forumeiros.com/u101

Aqui também: http://theoriginalsrising.forumeiros.com/u227

Neste: http://theoriginalsrising.forumeiros.com/u53

Esses são exemplos, eu teria que ver em todos os outros para pegar a lista completa.

A maioria dos players colocam gifs ou imagens em dimensões menores (250x150 ou algo em torno disso), mas sempre tem um ou outro que coloca um gif enorme que deixa feio a página de perfil. Por isso gostaria de saber se é possível usa algum código para redimensionar todos as imagens, no campo de imagem de perfil automaticamente.

[Chanp]

Olá,
Possui alguma dimensão desejada?

Uma forma como você pode fazer isso é utilizando o max-width. Caso não saiba como fazer, basta me informar uma dimensão preferencial sua e aguardar eu estar no meu computador.

Até breve!
o/

[Starset]

Olá,
Possui alguma dimensão desejada?

Uma forma como você pode fazer isso é utilizando o max-width. Caso não saiba como fazer, basta me informar uma dimensão preferencial sua e aguardar eu estar no meu computador.

Até breve!
o/

Eu sei algumas coisas de codes, mas essas que pergunto aqui são as que não sei =/ gostaria que os gifs dos perfis ficassem sempre em: 250x150

largura: 250
altura: 150

fico no aguardo.

[Chanp]

Olá,
Estou com acesso ao meu computador.
Vamos dar progresso à sua questão.

Gostaria de solicitar uma conta de teste sem poderes administrativos com acesso à estas informações: https://i.imgur.com/IQF36Xr.png.

Peço que me envie os dados via Mensagem Privada ou por aqui mesmo, caso deseje.

Fico no aguardo.
Até breve! o/

[Starset]

MP enviada.

[virus]

Painel de Controle Visualização Imagens e Cores Cores
Adicione ao final de sua folha de estilo CSS:

Código:

dl#field_id1 .field_uneditable img{
    width: 100%;
}

Até mais.

[Starset]

Adicionado!

Resolveu a altura! Tem como por algum code pra largura?

[virus]

É a mesma coisa por exemplo:

Width = Largura
Height = Altura

Código:

dl#field_id1 .field_uneditable img {
    width: 298px;
    height: 155px;
}

A diferença de porcentagem (%) e que ele vai se adaptar de acordo com o tamanho da tela só usar
CTRL + ou CTRL - para ver em diferentes resoluções e claro, tem como ver de outras maneiras... mas se você utiliza design mobile do fórum provável que nem tenha problemas com isto. Usar o primeiro código que passei é o recomendável.

Usando tamanho definido em pixels ele vai ficar no mesmo tamanho e não vai mudar em diferentes resoluções.
http://prntscr.com/izy9iq

Mas como eu disse a diferença é pouca se estiver com design mobile ativado nem vai afetar só se a pessoa forçar visualização desktop.

[Starset]

Entendi! Muito obrigado, resolveu aqui

[virus]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.