Avata com limite de tamanho

5 participantes

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

Tópico resolvido Avata com limite de tamanho

Mensagem por Uatyla 27.08.14 14:44

Olá senhores!

Eu gostaria de saber como colocar um limite máximo para um avatar.
Exemplo, uma pessoas coloca uma imagem de 300x400, e eu desejo que ela fique no máximo 170x326, mais sem estimular o tamanho mínimo, para não desconfigura os avatares menores.


Última edição por uatyla em 02.09.14 1:36, editado 1 vez(es)
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Shek 27.08.14 14:47

Bom dia!

Leia o seguinte tópico: https://ajuda.forumeiros.com/-t15419.htm

Até mais!

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre funções do fórum, créditos e domínios'
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Roevs 27.08.14 14:48

Olá,

Adicione em sua Folha de estilo CSS

Código:
.post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
    width: 170px !important;
height: 326px!important;
}

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla 27.08.14 15:31

Quakeline escreveu:Olá,

Adicione em sua Folha de estilo CSS

Código:
.post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
    width: 170px !important;
height: 326px!important;
}

Até

Ficou exatamente como eu não queria, ele deita todos com um mesmo padrão, e eu quero que os avatares não passe de de 170x326.
e esse código que o senhor me passou, ele deixa todos os avatares com o mesmo tamanho.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Roevs 27.08.14 15:42

Olá,

Substitua por este código

Código:
    .post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
        max-width: 170px !important;
    max-height: 326px!important;
    }

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla 27.08.14 18:51

O código funcionou, porem essa parte não tem efeito. Pois a imagem superior a 326px fica menor que 326px, já o 170px fica certinho.
Código:

max-height: 326px!important;
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla 31.08.14 2:13

UP!
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Roevs 31.08.14 2:17

Olá,

Não entendi teria um print mostrando o erro ?
Desculpa por não responder antes

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla 31.08.14 2:45

Não sei si é um erro, mais essa parte tanto faz ter ele ou não a imagem fica do mesmo jeito.

Código:
 
    max-height: 326px!important;
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Roevs 31.08.14 3:29

Olá,

O Código tem o efeito de fazer com que todos os avatar com mais de 326px fique com 326px, e isso que não esta acontecendo ?

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla 31.08.14 12:53

Sim isso mesmo.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Sennior 01.09.14 17:46

Boas,

Tente utilizando este JavaScript com investimento nos tópicos:
Código:
$(document).ready(function(){
$(".post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child") .css("max-width", "170px", "max-height", "326pc");
});

Se mesmo assim não vier a dar exito, utilize este código CSS:
Código:
.post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {max-width: 170px !important;max-height: 26pc!important;}

Até mais.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla 01.09.14 22:19

Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Alex Habilidade 01.09.14 23:18

Olá Uatyla tudo bem com você?

Cara pelo que entendi você quer colocar um code que faz com que todos os avatares acima de 326px fiquem com 326px correto?
Eu olhei em seu fórum e para mim esta apresentando normal veja: https://i.imgur.com/Pa0sTxk.png

Você quer ter um valor minimo de tamanho também?

Qualquer coisa, peço que publique sua CSS completa para que eu poça analisar.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla 02.09.14 1:35

Alex entendi sua colocação, porém fiquei confuso, não sei si o código do que funcionou ou si foi o código que Quakeline forneceu ou si foi tamanho que estimulei para os usuários sem avatar, mais isso agora não importa muito.
Mais pude compreender a lógica, primeiro ele reduz a largura para 170px, e consequetimente a altura, fiz o teste no Photoshop e deu o mesmo resultado apresentado no seu teste, 170x153.

Obrigado pelo esclarecimento.
Uatyla

Uatyla
Hiper Membro

Membro desde : 16/05/2012
Mensagens : 2495
Pontos : 3546

http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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