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
  [Tutorial] Últimos 10 Membros Registrados

Descrição
Este WidGet mostra a lista dos últimos 10 usuários registrados no seu fórum.

Funcionalidade: PunBB, PhpBB2, PhpBB3, Invision

Versão de instalação: PunBB

--> Código CSS <--
Painel de Controle Seta Azul Visualização Seta Azul Imagens e Cores Seta Azul Cores Seta Azul Folha de estilo CSS

Código:
    /*Ultimos 10 Membros*/
    .ultmembro .main-content div {
        display: inline !important;
    }
    .ultmembro .main-content a img{
        display: none !important;
    }
    /*---/ Creditos: 2012 © Staffer Group BR™ /---*/
    /*---/  http://staffergroupbr.stuning.net /---*/

Clique em Validar

--> Código JavaScript <--
Painel de Controle Seta Azul Módulos Seta Azul HTML & JAVASCRIPT Seta Azul Gestão dos códigos JavaScript
Adicionar novo Códig
Título * : Opcional.
Investimento : Em todas as paginas
Código JavaScript * : Cole o código abaixo.

Código:
    jQuery(document).ready(function(){jQuery('#fa_ticker_block:first').after('');
    $('.membro1').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(0)');
    $('.membro2').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(1)');
    $('.membro3').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(2)');
    $('.membro4').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(3)');
    $('.membro5').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(4)');
    $('.membro6').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(5)');
    $('.membro7').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(6)');
    $('.membro8').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(7)');
    $('.membro9').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(8)');
    $('.membro10').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .frm-form .avatar-mini a:eq(9)');
    $('.ultmembro').css('width','200px');
    });

Clique em Salvar

--> WidGet Personalizado <--
Painel de Controle Seta Azul Módulos Seta Azul Portal & Widgets Seta Azul Gestão dos Widgets do fórum
WP
Nome do widget : Opcional.
Utilizar um table type : Não
Título do widget : Opcional.
Fonte do widget * : Cole o código abaixo.

Código:
    <div class="ultmembro"><div class="main-content"><div class="numar 1">1.</div> <div class="membro1"></div> <br /><div class="numar 2">2.</div> <div class="membro2"></div> <br /><div class="numar 3">3.</div> <div class="membro3"></div> <br /><div class="numar 4">4.</div> <div class="membro4"></div> <br /><div class="numar 5">5.</div> <div class="membro5"></div> <br /><div class="numar 6">6.</div> <div class="membro6"></div> <br /><div class="numar 7">7.</div> <div class="membro7"></div> <br /><div class="numar 8">8.</div> <div class="membro8"></div> <br /><div class="numar 9">9.</div> <div class="membro9"></div> <br /><div class="numar 10">10.</div> <div class="membro10"></div>

Clique em Salvar


Versão de instalação: PhpBB2

--> Código CSS <--
Painel de Controle Seta Azul Visualização Seta Azul Imagens e Cores Seta Azul Cores Seta Azul Folha de estilo CSS

Código:
    /*Ultimos 10 Membros*/
    .ultmembro .row1 div {
        display: inline !important;
    }
    /*---/ Creditos: 2012 © Staffer Group BR™ /---*/
    /*---/  http://staffergroupbr.stuning.net /---*/

Clique em Validar

--> Código JavaScript <--
Painel de Controle Seta Azul Módulos Seta Azul HTML & JAVASCRIPT Seta Azul Gestão dos códigos JavaScript
Adicionar novo Códig
Título * : Opcional.
Investimento : Em todas as paginas
Código JavaScript * : Cole o código abaixo.

Código:
    jQuery(document).ready(function(){jQuery('#fa_ticker_block:first').after('');

    $('.membro1').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(0)');
    $('.membro2').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(1)');
    $('.membro3').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(2)');
    $('.membro4').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(3)');
    $('.membro5').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(4)');
    $('.membro6').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(5)');
    $('.membro7').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(6)');
    $('.membro8').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(7)');
    $('.membro9').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(8)');
    $('.membro10').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .forumline td:has("span.gen a.gen") a.gen:eq(9)');
    $('.ultmembro').css('width','200px');
    });

Clique em Salvar

--> WidGet Personalizado <--
Painel de Controle Seta Azul Módulos Seta Azul Portal & Widgets Seta Azul Gestão dos Widgets do fórum
WP
Nome do widget : Opcional.
Utilizar um table type : Não
Título do widget : Opcional.
Fonte do widget * : Cole o código abaixo.

Código:
    <tr>
    <td class="row1"><div class="numar 1">1.</div> <div class="membro1"></div> <br /><div class="numar 2">2.</div> <div class="membro2"></div> <br /><div class="numar 3">3.</div> <div class="membro3"></div> <br /><div class="numar 4">4.</div> <div class="membro4"></div> <br /><div class="numar 5">5.</div> <div class="membro5"></div> <br /><div class="numar 6">6.</div> <div class="membro6"></div> <br /><div class="numar 7">7.</div> <div class="membro7"></div> <br /><div class="numar 8">8.</div> <div class="membro8"></div> <br /><div class="numar 9">9.</div> <div class="membro9"></div> <br /><div class="numar 10">10.</div> <div class="membro10"></div>
    </tr></td>

Clique em Salvar


Versão de instalação: PhpBB3

--> Código CSS <--
Painel de Controle Seta Azul Visualização Seta Azul Imagens e Cores Seta Azul Cores Seta Azul Folha de estilo CSS

Código:
    /*Ultimos 10 Membros*/
    .ultmembro .box-content a img {
        display: none !important;
    }
    .ultmembro .box-content div{
        display: inline !important;
    }
    /*---/ Creditos: 2012 © Staffer Group BR™ /---*/
    /*---/  http://staffergroupbr.stuning.net /---*/

Clique em Validar

--> Código JavaScript <--
Painel de Controle Seta Azul Módulos Seta Azul HTML & JAVASCRIPT Seta Azul Gestão dos códigos JavaScript
Adicionar novo Códig
Título * : Opcional.
Investimento : Em todas as paginas
Código JavaScript * : Cole o código abaixo.

Código:
    jQuery(document).ready(function(){jQuery('#fa_ticker_block:first').after('');
        $('.membro1').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(0)');
        $('.membro2').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(1)');
        $('.membro3').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(2)');
        $('.membro4').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(3)');
        $('.membro5').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(4)');
        $('.membro6').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(5)');
        $('.membro7').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(6)');
        $('.membro8').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(7)');
        $('.membro9').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(8)');
        $('.membro10').load('/memberlist?mode=joined&order=DESC&submit=Ok&username #memberlist .avatar-mini a:eq(9)');
        $('.ultmembri').css('width','200px');
        });

Clique em Salvar

--> WidGet Personalizado <--
Painel de Controle Seta Azul Módulos Seta Azul Portal & Widgets Seta Azul Gestão dos Widgets do fórum
WP
Nome do widget : Opcional.
Utilizar um table type : Não
Título do widget : Opcional.
Fonte do widget * : Cole o código abaixo.

Código:
    <div class=" ultmembro"><div class="box-content"><div class="numar 1">1.</div> <div class="membro1"></div> <br /><div class="numar 2">2.</div> <div class="membro2"></div> <br /><div class="numar 3">3.</div> <div class="membro3"></div> <br /><div class="numar 4">4.</div> <div class="membro4"></div> <br /><div class="numar 5">5.</div> <div class="membro5"></div> <br /><div class="numar 6">6.</div> <div class="membro6"></div> <br /><div class="numar 7">7.</div> <div class="membro7"></div> <br /><div class="numar 8">8.</div> <div class="membro8"></div> <br /><div class="numar 9">9.</div> <div class="membro9"></div> <br /><div class="numar 10">10.</div> <div class="membro10"></div>

Clique em Salvar


Versão de instalação: Invision

--> Código CSS <--
Painel de Controle Seta Azul Visualização Seta Azul Imagens e Cores Seta Azul Cores Seta Azul Folha de estilo CSS

Código:
    /*Ultimos 10 Membros*/
    .ultmembro .box-content div {
        display: inline !important;
    }
    /*---/ Creditos: 2012 © Staffer Group BR™ /---*/
    /*---/  http://staffergroupbr.stuning.net /---*/

Clique em Validar

--> Código JavaScript <--
Painel de Controle Seta Azul Módulos Seta Azul HTML & JAVASCRIPT Seta Azul Gestão dos códigos JavaScript
Adicionar novo Códig
Título * : Opcional.
Investimento : Em todas as paginas
Código JavaScript * : Cole o código abaixo.

Código:
    jQuery(document).ready(function(){jQuery('#fa_ticker_block:first').after('');
    $('.membro1').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(0) .popmenubutton a .membername');
    $('.membro2').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(1) .popmenubutton a .membername');
    $('.membro3').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(2) .popmenubutton a .membername');
    $('.membro4').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(3) .popmenubutton a .membername');
    $('.membro5').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(4) .popmenubutton a .membername');
    $('.membro6').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(5) .popmenubutton a .membername');
    $('.membro7').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(6) .popmenubutton a .membername');
    $('.membro8').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(7) .popmenubutton a .membername');
    $('.membro9').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(8) .popmenubutton a .membername');
    $('.membro10').load('/memberlist?mode=joined&order=DESC&submit=Ok&username .member-list .member:eq(9) .popmenubutton a .membername');
    $('.ultmembro').css('width','200px');
    });

Clique em Salvar

--> WidGet Personalizado <--
Painel de Controle Seta Azul Módulos Seta Azul Portal & Widgets Seta Azul Gestão dos Widgets do fórum
WP
Nome do widget : Opcional.
Utilizar um table type : Não
Título do widget : Opcional.
Fonte do widget * : Cole o código abaixo.

Código:
    <div class="ultmembro">
    <div class="box-content">
    <div class="numar 1">1.</div> <div class="membro1"></div> <br />
    <div class="numar 2">2.</div> <div class="membro2"></div> <br />
    <div class="numar 3">3.</div> <div class="membro3"></div> <br />
    <div class="numar 4">4.</div> <div class="membro4"></div> <br />
    <div class="numar 5">5.</div> <div class="membro5"></div> <br />
    <div class="numar 6">6.</div> <div class="membro6"></div> <br />
    <div class="numar 7">7.</div> <div class="membro7"></div> <br />
    <div class="numar 8">8.</div> <div class="membro8"></div> <br />
    <div class="numar 9">9.</div> <div class="membro9"></div> <br />
    <div class="numar 10">10.</div> <div class="membro10"></div>
    </div>
    </div>

Clique em Salvar


--> Resultado Final<--

Clique na imagem para visualizar ▲


Desenvolvido por Anônimo | D'Leandro™
Editado e Postado por Copyright® 2012 Staffer Group BR™
Ver perfil do usuário

#2
 dejanpetrus

avatar
Membro
Pow ficou maneiro mano, vlw.
Ver perfil do usuário

#3
 Chronos

avatar
Moderador
Bem Legal.
Continue Assim Leandro.
Ver perfil do usuário

#4
 SostenesSilva.

avatar
Membro
eeeeu no Print ali >,<
Ver perfil do usuário

#5
 ~[J]oker

avatar
Membro
Ótimo código!
Thank`s!
Ver perfil do usuário

#6
 sapinhu

avatar
Membro
tambem to no print, desse jeito vou cobrar direitos de imagem \o\
Ver perfil do usuário prof_roy@hotmail.com

#7
 D'Leandro™

avatar
Fundador
Hehe, Voce ja tem os direitos, ao momento que se cadastrou.
Ver perfil do usuário

#8
 » ƒαѕт ϟ

avatar
Membro
Fodastico , Como Todos Os Outros Tutoriais ^^'
Ver perfil do usuário

#9
 D'Leandro™

avatar
Fundador
Ver perfil do usuário

#10
 dejanpetrus

avatar
Membro
thanks Como Todos Os Outros Tutoriais ^
Ver perfil do usuário

#11
 Jose Hamizaki

avatar
Membro
Muito bom como os outros tutoriais
Ver perfil do usuário

#12
 StyLe®

avatar
Membro
Adorei show de bola meus parabéns
Ver perfil do usuário

#13
 Narutofake

avatar
Membro
fico zica valeu aeee
Ver perfil do usuário

#14
 Daemon

avatar
Fundador
Legal ^^' muito bom'
Ver perfil do usuário

#15
 Narutofake

avatar
Membro
Olá Esse codigo pertençe ao Henrique da RMBR/SHDESIGN peço que adicione os devidos creditos.

Os creditos devem ser adicionado como abaixo:

SH-Design & Henrique

O rmbr não e nessesario pois o henrique mudou de forum e o outro não fas diferença, pesso que tire

essas tag no codigo com o endereço de seu forum e ponha o endereço da RMBR.

Até mais.
Ver perfil do usuário

#16
 D'Leandro™

avatar
Fundador
Mano, esse código não pertence a ele e menos ainda ao rmbr, ele foi criado pelo 3tomoe a bastante tempo ja.

Se o Henrrique falou que era dele ele mentiu..

Ps: Assuntos de créditos devem ser tratados por MP!
Ver perfil do usuário

#17
 Narutofake

avatar
Membro
ele não falou mas eu vi um tutorial na rmbr desse tipo. mas de qualquer forma deixa pra la.

Ver perfil do usuário

#18
 eusouogoku

avatar
Membro
Muito bom, ja irei usa-lo
Ver perfil do usuário

#19
 fascicularia

avatar
Membro
thanks
Ver perfil do usuário

#20
 Conteúdo patrocinado