[TUTORIAL] Amigos do membro no widget

Através deste tutorial você aprenderá como colocar os amigos 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 do perfil os amigos de membro do usuário.

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

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

Para que não acha problemas com o código você deve por o widget só para os membros.

phpBB3

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script>
jQuery.get('/profile?mode=viewprofile&u={USERNAME}', function(data) {
  html = jQuery('#profile-advanced-right .module:eq(1) .inner div:eq(1)', data).html();
  jQuery('#friends_list').html(html);
});
</script><center><div id="friends_list">Aguarde, listando...</div></center>

phpBB2

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script>
jQuery.get('/profile?mode=viewprofile&u={USERNAME}', function(data) {
  html = jQuery('.forumline:eq(4) .row1', data).html();
  jQuery('#friends_list').html(html);
});
</script><center><div id="friends_list">Aguarde, listando...</div></center>

PunBB

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script>
jQuery.get('/profile?mode=viewprofile&u={USERNAME}', function(data) {
  html = jQuery('#profile-advanced-right .module:eq(1) .main-content', data).html();
  jQuery('#friends_list').html(html);
});
</script><center><div id="friends_list">Aguarde, listando...</div></center>

Invision

Código:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script>
jQuery.get('/profile?mode=viewprofile&u={USERNAME}', function(data) {
  html = jQuery('#profile-advanced-right .module:eq(1) .box-content', data).html();
  jQuery('#friends_list').html(html);
});
</script><center><div id="friends_list">Aguarde, listando...</div></center>

2º - 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:




3º - Agora vamos configura o nosso widget personalizado

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.

Utilizar um table type - Escolhe a opção "Sim", para que o widget, apresente uma estrutura.

Título do widget - Neste campo, deve colocar, um título.

Fonte do widget - Aqui deve por o código acima refere-te a seu versão.

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

Código: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script> jQuery.get('/profile?mode=viewprofile&u={USERNAME}', function(data) {   html = jQuery('#profile-advanced-right .module:eq(1) .inner div:eq(1)', data).html();   jQuery('#friends_list').html(html); }); </script><center><div id="friends_list">Aguarde, listando...</div></center>

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Amigos do membro no widget