Conectar-se

Esqueci minha senha

Os membros mais ativos do mês

Quem está conectado
2 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 2 Visitantes

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] Amigos do membro no widget

Ir em baixo

[TUTORIAL] Amigos do membro no widget

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

[Você precisa estar registrado e conectado para ver esta imagem.] 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



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

[Você precisa estar registrado e conectado para ver esta imagem.] Para que não acha problemas com o código você deve por o widget só para os membros.


[Você precisa estar registrado e conectado para ver esta imagem.] phpBB3
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.get('/profile?mode=viewprofile&u=Convidado', 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>


[Você precisa estar registrado e conectado para ver esta imagem.] phpBB2
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.get('/profile?mode=viewprofile&u=Convidado', function(data) {
  html = jQuery('.forumline:eq(3) .row1', data).html();
  jQuery('#friends_list').html(html);
});
</script><center><div id="friends_list">Aguarde, listando...</div></center>


[Você precisa estar registrado e conectado para ver esta imagem.] PunBB
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.get('/profile?mode=viewprofile&u=Convidado', 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>


[Você precisa estar registrado e conectado para ver esta imagem.] Invision
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.get('/profile?mode=viewprofile&u=Convidado', 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>



- 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.
[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.get('/profile?mode=viewprofile&u=Convidado', 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



[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] Amigos 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