Imagem ultrapassando o limite do fórum

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

Resolvido Imagem ultrapassando o limite do fórum

Mensagem por Starset em 01/04/18, 11:05 pm

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.
avatar

Starset
Nível 7

Masculino
Inscrito dia : 02/03/2017
Mensagens : 91
Pontos Ativos : 123

Ver perfil do usuário http://neworleansoriginals.forumeiros.com/

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus em 01/04/18, 11:28 pm

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.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset em 02/04/18, 09:14 am

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.
avatar

Starset
Nível 7

Masculino
Inscrito dia : 02/03/2017
Mensagens : 91
Pontos Ativos : 123

Ver perfil do usuário http://neworleansoriginals.forumeiros.com/

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Chanp em 02/04/18, 12:36 pm

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/
avatar

Chanp
Nível 9

Masculino
Inscrito dia : 03/01/2018
Mensagens : 185
Pontos Ativos : 212

Ver perfil do usuário http://ctrofc.forumeiros.com

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset em 02/04/18, 04:30 pm

@Chanp escreveu: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.
avatar

Starset
Nível 7

Masculino
Inscrito dia : 02/03/2017
Mensagens : 91
Pontos Ativos : 123

Ver perfil do usuário http://neworleansoriginals.forumeiros.com/

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Chanp em 02/04/18, 06:04 pm

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/
avatar

Chanp
Nível 9

Masculino
Inscrito dia : 03/01/2018
Mensagens : 185
Pontos Ativos : 212

Ver perfil do usuário http://ctrofc.forumeiros.com

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset em 02/04/18, 06:08 pm

MP enviada.
avatar

Starset
Nível 7

Masculino
Inscrito dia : 02/03/2017
Mensagens : 91
Pontos Ativos : 123

Ver perfil do usuário http://neworleansoriginals.forumeiros.com/

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus em 02/04/18, 06:10 pm

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Adicione ao final de sua folha de estilo CSS:
Código:
dl#field_id1 .field_uneditable img{
    width: 100%;
}

Até mais.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset em 02/04/18, 06:17 pm

Adicionado!

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

Starset
Nível 7

Masculino
Inscrito dia : 02/03/2017
Mensagens : 91
Pontos Ativos : 123

Ver perfil do usuário http://neworleansoriginals.forumeiros.com/

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus em 02/04/18, 06:25 pm

É 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 Feliz só se a pessoa forçar visualização desktop.


Última edição por virus em 02/04/18, 06:30 pm, editado 2 vez(es) (Razão : edit)
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset em 02/04/18, 06:27 pm

Entendi! Muito obrigado, resolveu aqui
avatar

Starset
Nível 7

Masculino
Inscrito dia : 02/03/2017
Mensagens : 91
Pontos Ativos : 123

Ver perfil do usuário http://neworleansoriginals.forumeiros.com/

Resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus em 02/04/18, 06:31 pm

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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

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