Avatar em widget

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

Atendido / Resolvido Avatar em widget

Mensagem por ShadowPrince em 14.03.16 16:04

Detalhes da questão


Endereço do fórum: clanowners.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Olá pessoal, uso em um widget do meu fórum o seguinte código para mostrar o avatar do usuário:
Código:
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center>Carregando avatar...</center></div>

Minha questão é como posso redimensionar a imagem para aparecer no widget do tamanho que me agrade mais.

Desde já agradeço. Feliz
ShadowPrince

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 225
Pontos Ativos : 360

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por GSCode em 14.03.16 16:09

@ShadowPrince

Nos disponibilize uma conta para testes...
GSCode

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em 14.03.16 16:14

acc: TesteOwn
senha: teste123
ShadowPrince

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 225
Pontos Ativos : 360

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por GSCode em 14.03.16 16:35

Tente...
Código:
.avatar {
    max-height: 50px;
    max-width: 50px;
}
GSCode

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em 14.03.16 17:11

Tentei usar o código mas n sei dizer se não funcionou ou se eu não usei corretamente. Desculpe minha falta de conhecimento, onde exatamente eu devo colocar este comando no código que passei acima?
ShadowPrince

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 225
Pontos Ativos : 360

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por GSCode em 14.03.16 17:23

@ShadowPrince
Em sua CSS.
GSCode

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em 14.03.16 17:25

@GSCode
Coloquei em minha CSS conforme orientado, mas infelizmente não apresentou nenhum resultado.
...
ShadowPrince

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 225
Pontos Ativos : 360

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por GSCode em 14.03.16 17:33

Altere o JS por:

Código:
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.panel dl:first img', data).attr('src');
      if(link){
        jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><span class="wid"><div id="avatar"><center>Carregando avatar...</center></div></span>

Adicione essa CSS:

Código:
.wid img {
  width: 150px;
}

O 150px é responsável pelo tamanho.
GSCode

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 590
Pontos Ativos : 1031

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em 14.03.16 17:41

Perfeito GSCode! Muito obrigado! Party
ShadowPrince

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 225
Pontos Ativos : 360

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

Atendido / Resolvido Re: Avatar em widget

Mensagem por Fraise em 16.03.16 17:32

Avatar em widget Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Admineiro
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6301
Pontos Ativos : 7759

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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