Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Login

Esqueci minha senha

Últimos assuntos
» Criar tags BBcode
Hoje à(s) 16:03 por sandra51

» Permitir HTML nas postagens
Hoje à(s) 15:31 por Cream

» Conteúdo dos perfis não aparecem
Hoje à(s) 15:30 por Cream

» [Logo] Policia Habbo
Hoje à(s) 14:51 por Shek Crowley

» [Logo] Laranja - Médio - Texto marrom
Hoje à(s) 14:45 por Shek Crowley

» Ajustar mensagens do fórum
Hoje à(s) 13:32 por PrisoN†BreaK

» Postagem com capa
Hoje à(s) 13:26 por Shek Crowley

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
110 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 105 Visitantes :: 2 Motores de busca

giancamposm, sandra51, Shek Crowley, xBreninho_., YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Avatar em widget

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

Resolvido Avatar em widget

Mensagem por ShadowPrince em Seg 14 Mar 2016 - 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
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2416

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em widget

Mensagem por GSCode em Seg 14 Mar 2016 - 16:09

@ShadowPrince

Nos disponibilize uma conta para testes...

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2163

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em Seg 14 Mar 2016 - 16:14

acc: TesteOwn
senha: teste123

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2416

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em widget

Mensagem por GSCode em Seg 14 Mar 2016 - 16:35

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

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2163

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em Seg 14 Mar 2016 - 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
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2416

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em widget

Mensagem por GSCode em Seg 14 Mar 2016 - 17:23

@ShadowPrince
Em sua CSS.

GSCode
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2163

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em Seg 14 Mar 2016 - 17:25

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

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2416

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em widget

Mensagem por GSCode em Seg 14 Mar 2016 - 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
Usuário destaque

Masculino
Inscrito dia : 11/10/2013
Mensagens : 576
Pontos Ativos : 2163

http://testforumbrasil.forumeiros.com/forum

Resolvido Re: Avatar em widget

Mensagem por ShadowPrince em Seg 14 Mar 2016 - 17:41

Perfeito GSCode! Muito obrigado! Party

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 212
Pontos Ativos : 2416

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em widget

Mensagem por Fraise em Qua 16 Mar 2016 - 17:32

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7158

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5