[TUTORIAL] Widget "Membro do mês"

**T-Lord** · 1 [TUTORIAL] Widget "Membro do mês" Seg 4 Mar 2013 - 15:18

Administrador

Mensagens : 9792
<b>Moedas</b>

Moedas : 234353
Reputação : 278

Widget membro do mês

Usando com base neste tutorial, agora podemos mostrar em forma de Widget o membro mais ativo do mês.

Para que este efeito não possa haver problemas, deverá ativar o Widget "Os membros mais ativos do mês" em seu fórum.

--> Tutoriais, dicas e astúcias <--
Widget membro do mês

1º - Código JS a ser utilizado:

Código:: [list=1] [*]jQuery(document).ready(function(){jQuery.get(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').attr('href'),function(b){jQuery('#id').html(jQuery('.module table[summary="Os membros mais ativos do mês"] td[width="30%"] a:eq(0)').text());jQuery('#avat').html(jQuery('#profile-advanced-right .module div[style="text-align:center;"]',b).html())})}); [/list]

Recomendamos que não edite nada neste código.

2º - Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Expandir esta imagem Ver em tamanho real
[TUTORIAL] Widget "Membro do mês" Painel13

[TUTORIAL] Widget "Membro do mês" 110111

[TUTORIAL] Widget "Membro do mês" 398853

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

[TUTORIAL] Widget "Membro do mês" 110210

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

[TUTORIAL] Widget "Membro do mês" 110310

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

[TUTORIAL] Widget "Membro do mês" 110410

Habilitar o gerenciamento dos códigos JavaScript Ao
selecionar a opção sim, estará ativando a função páginas Javascript no
seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

3º - Adicionando HTML nos Widgets:
Para finalizar nosso efeito desejado, precisamos adicionar um código HTML em um Widget personalizado.

Código:: [list=1] [*]<center> <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><font color=#0072ff size=2><b>Obrigado pela colaboração!</b></font></div></center></dt></dl> </center> [/list]

Resultado:

Também poderá ver ao lado direito do Toon Fórum, estamos usando na widget.

1 [TUTORIAL] Widget "Membro do mês" Seg 4 Mar 2013 - 15:18