Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador
WidGet Membro do MêsEste tutorial ensinará Você a criar o famoso Widget de Membro do Mês.
Versões de funcionamento: PunBB.

1º - Portal
Painel de Controle  Seta  Módulos  Seta   Portal & Widgets  Seta  Configurações do Portal  Seta  Lista das páginas do portal  Seta  Criar uma página nova :  Membro do Mês

Clique em

Procure o portal Membro do Mês criado e clique em Estrutura

Deixe apenas 1 widget. (Os Membros mais ativos do Mês)

Salve o portal.

2º - Módulo
Painel de Controle  Seta  Módulo  Seta  Portal & Widget  Seta  Gestão dos widgets do fórum
E carregar em:
Código:
<div class="main-content clearfix"><center><style>#avat .module {display: none;}#avat img {width: 120px;}</style><font color=#0072ff size=2><img src="http://i46.servimg.com/u/f46/12/16/42/40/trophy10.gif"><b>Destaque do Fórum</b></font><br><div id="id"></div><br><div id="avat"><center>Carregando avatar...</center></div><dl class="spoiler"><dt style="cursor: pointer;"><center><div name=spoiler><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height=15><font color=#0072ff size=2><b>Muito Obrigado</b><img src="http://i42.servimg.com/u/f42/17/32/13/00/downcr11.png" height=15></font></div></center></dt><dd><div class="spoiler_content">Parabéns para o membro do mês, pela sua ótima competência em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você!!!<br/>Muito Obrigado!!!</div></dd></dl></center><br><div style="font-size:8px;">Quer um Widget igual a este?<br><a href="http://spdesign.ativoforum.com/t342-vitrine-de-codigos" target="_blank">peça o seu aqui!</a></div>
Nome do widget : Membro do Mês SGBR™️
Utilizar um table type : SIM
Título do widget : Membro do Mês SGBR™️
Fonte do widget * : Cole o código a cima
Salvar : - E salve.

3º - JavaScript
Painel de Controle  Seta  Módulo  Seta  HTML & JavaScript  Seta  Gestão dos códigos JavaScript
E carregar em:
Código:
jQuery.get('/?pid=2', function (data) {
  /* Tutorial = http://staffergroupbr.stuning.net/t1434- */
  HTML = jQuery('.column .main-content:first tr:eq(0) td:eq(0)', data).HTML();
  jQuery('div#id').HTML(HTML);
});
jQuery(document).ready(function () {
  jQuery.get('/?pid=2', function (data) {
    link = jQuery('.column .main-content:first tr:eq(0) td:eq(0) a', data).attr('href');
    if (link) {
      jQuery.get('' + link + '', function (data) {
        HTML = jQuery('#profile-advanced-right .module .main-content:first', data).HTML();
        jQuery('#avat').HTML(HTML);
      });
    } else {
      jQuery('#avat').HTML('');
    }
  });
});
Título * : Membro do Mês SGBR™️
Investimento : Em todas as páginas
Código JavaScript * : Cole o código acima
Salvar : E salve

  • Resultado:






©️ Staffer Group BR™️
PRECISA DE SUPORTE?

Criador: StyLe®️
Site: http://staffergroupbr.stuning.net/t1434-tutorial-widget-membro-do-mes
Ver perfil do usuário

#2
 ®'Martins

avatar
Membro
Tutorial Aceito;
Este tutorial foi aceito e movido para a área correspondente!
Ver perfil do usuário

#3
 Chorão

avatar
Membro
Vo testa Se Funcionar eu Aviso aki ok!
Ver perfil do usuário

#4
 Stark'

avatar
Membro
Muito Bom
Ver perfil do usuário

#5
 Chorão

avatar
Membro
Não deu Certo no meu Caso precisa Configurações do Portal e o meu portal esta Desativado! 13
Ver perfil do usuário

#6
 Zoster

avatar
Membro
Muito Bom
Ver perfil do usuário

#7
 lucasyori

avatar
Membro
vlw
Ver perfil do usuário

#8
 Conteúdo patrocinado