Imagem ultrapassando o limite do fórum

3 participantes

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

Tópico resolvido Imagem ultrapassando o limite do fórum

Mensagem por Starset 02.04.18 3:05

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:

Imagem ultrapassando o limite do fórum 4SQXrg3

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

Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus 02.04.18 3:28

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

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset 02.04.18 13:14

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:

Imagem ultrapassando o limite do fórum IQF36Xr

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

Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Chanp 02.04.18 16:36

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

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset 02.04.18 20:30

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

Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Chanp 02.04.18 22:04

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

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset 02.04.18 22:08

MP enviada.
Starset

Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus 02.04.18 22:10

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

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset 02.04.18 22:17

Adicionado!

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

Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus 02.04.18 22:25

É 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 22:30, editado 2 vez(es) (Motivo da edição : edit)
virus

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por Starset 02.04.18 22:27

Entendi! Muito obrigado, resolveu aqui
Starset

Starset
****

Membro desde : 02/03/2017
Mensagens : 265
Pontos : 378

http://neworleansoriginals.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem ultrapassando o limite do fórum

Mensagem por virus 02.04.18 22:31

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

virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

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