Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 19 em Ter Jan 03, 2012 9:38 am
Últimos assuntos
» Equipe Web ASA Fórum
Dom Jun 24, 2012 11:15 am por Alisson Silva

» [Re-Apresentação] Fábio
Sex Maio 25, 2012 4:45 pm por Fábio

» PixelZIP ~ design&programção em só lugar
Sex Maio 25, 2012 4:44 pm por Fábio

» Pedido de logo
Dom Maio 20, 2012 10:06 am por Alisson Silva

» Kernel - Apresentação
Sab Maio 19, 2012 9:49 am por Alisson Silva

» [Galeria] Gabriel Schiavi - Atualizado (20/02 - !5:21)
Sab Maio 19, 2012 9:48 am por Alisson Silva

»  HEBBO HOTEL 24 HORAS ONLINE !!
Sex Maio 04, 2012 7:20 pm por Alisson Silva

» Pedido de Layout
Sex Maio 04, 2012 5:23 pm por Fonsecca

» [RESOLVIDO]TV CCE HPS 2071-D (IMAGEM SÓ EMBAIXO, ACIMA, LINHAS DE RETRAÇO E FAIXA PRÊTA NO TOPO DA TELA).
Qua Abr 11, 2012 4:07 pm por Fry

» [contato] Deixo aqui meus contatos virtuais
Qua Abr 11, 2012 3:25 pm por Fry


[TUTORIAL] Avatar do membro no widget

Ir em baixo

[TUTORIAL] Avatar do membro no widget

Mensagem por Fry em Sab Dez 31, 2011 8:19 am

[Você precisa estar registrado e conectado para ver esta imagem.] Avatar do membro no widget

Através deste tutorial você aprenderá como colocar o avatar do usuário conectado em um widget (porém o código funciona em qualquer outra parte do fórum que aceite códigos HTML). Ela baseia-se em javascript e localiza na página de edição dos avatares o avatar atual do usuário.


--> Tutoriais, dicas e astúcias <--
Avatar do membro no widget




- Os códigos que serão usados para cada versão:

[Você precisa estar registrado e conectado para ver esta imagem.] phpBB3
Código: [Você precisa estar registrado e conectado para ver este link.]
<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>


[Você precisa estar registrado e conectado para ver esta imagem.] phpBB2
Código: [Você precisa estar registrado e conectado para ver este link.]
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('#register .forumline td.row1 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>


[Você precisa estar registrado e conectado para ver esta imagem.] PunBB
Código: [Você precisa estar registrado e conectado para ver este link.]
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd 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>


[Você precisa estar registrado e conectado para ver esta imagem.] Invision
Código: [Você precisa estar registrado e conectado para ver este link.]
<script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.box-content dl dd 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>



- Teremos de criar um widget personalizado, pois somente poderemos aplicar este método a widgets editáveis:
Para criar o widget teremos de aceder à:
Painel de controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
E carregar em: [Você precisa estar registrado e conectado para ver este link.]

(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]



- Agora vamos configura o nosso widget personalizado

(carregue na imagem para aumentar)
[Você precisa estar registrado e conectado para ver este link.]

[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Nome do widget - Terá de colocar um título para o widget, de forma a poder identifica-lo na lista dos widgets pessoais do Painel de Controle.
Ex.: Membro
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Utilizar um table type - Escolhe a opção "Sim", para que o widget, apresente uma estrutura.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Título do widget - Neste campo, deve colocar, um título.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Fonte do widget - Aqui deve por o código acima refere-te a seu versão.
[Você precisa estar registrado e conectado para ver esta imagem.] [Você precisa estar registrado e conectado para ver esta imagem.] Salvar - Por fim, após colocar o código, terá de "salvar" o seu widget personalizado. E mantenha-se na mesma página.



Exemplo Código
[Você precisa estar registrado e conectado para ver este link.]
Código: [Você precisa estar registrado e conectado para ver este link.]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><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  id="avatar"><center>Carregando Avatar...</center></span><span style="font-size: 1.2em;"  id="avatar"><br><font size="4"><span id="un"></span></font><br><b>Mensagens:</b> 0<br></span><h3 style="border-color: #1675BC;"></h3>









© Fórum dos Fóruns



[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Avatar do membro no widget
avatar
Fry
Admintradores
Admintradores

Posts Posts : 175
Idade Idade : 19
Respeito Respeito : 0
Web Moedas Web Moedas : 415

http://Em breve...

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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