Avata com limite de tamanho

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

Resolvido Avata com limite de tamanho

Mensagem por Uatyla em 27/08/14, 10:44 am

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 01/09/14, 09:36 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Avata com limite de tamanho

Mensagem por Shek em 27/08/14, 10:47 am

Bom dia!

Leia o seguinte tópico: http://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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17161
Pontos Ativos : 21418

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Avata com limite de tamanho

Mensagem por iPrompt em 27/08/14, 10:48 am

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla em 27/08/14, 11:31 am

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Avata com limite de tamanho

Mensagem por iPrompt em 27/08/14, 11:42 am

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla em 27/08/14, 02:51 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla em 30/08/14, 10:13 pm

UP!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Avata com limite de tamanho

Mensagem por iPrompt em 30/08/14, 10:17 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla em 30/08/14, 10:45 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Avata com limite de tamanho

Mensagem por iPrompt em 30/08/14, 11:29 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla em 31/08/14, 08:53 am

Sim isso mesmo.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Avata com limite de tamanho

Mensagem por Sennior em 01/09/14, 01:46 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla em 01/09/14, 06:19 pm

avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Avata com limite de tamanho

Mensagem por Alex Habilidade em 01/09/14, 07:18 pm

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: http://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.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Avata com limite de tamanho

Mensagem por Uatyla em 01/09/14, 09:35 pm

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

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum