Avatar em widget

3 participantes

Ir para baixo

Tópico resolvido Avatar em widget

Mensagem por ShadowPrince 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
****

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por GSCode 14.03.16 16:09

@ShadowPrince

Nos disponibilize uma conta para testes...
GSCode
GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por ShadowPrince 14.03.16 16:14

acc: TesteOwn
senha: teste123
ShadowPrince
ShadowPrince
****

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por GSCode 14.03.16 16:35

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

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por ShadowPrince 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
****

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por GSCode 14.03.16 17:23

@ShadowPrince
Em sua CSS.
GSCode
GSCode
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por ShadowPrince 14.03.16 17:25

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

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por GSCode 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
Membro

Membro desde : 11/10/2013
Mensagens : 591
Pontos : 1031

http://testforumbrasil.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por ShadowPrince 14.03.16 17:41

Perfeito GSCode! Muito obrigado! Party
ShadowPrince
ShadowPrince
****

Membro desde : 30/03/2011
Mensagens : 225
Pontos : 360

http://clanowners.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar em widget

Mensagem por Fraise 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".
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos