Fórum iBlue
[TUTORIAL] Widget "Membro do mês" Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL] Widget "Membro do mês" Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord

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

T-Lord
Administrador
[TUTORIAL] Widget "Membro do mês" Index_users
Widget membro do mês

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

[TUTORIAL] Widget "Membro do mês" Act_bottomPara 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[TUTORIAL] Widget "Membro do mês" 398853 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[TUTORIAL] Widget "Membro do mês" 398853 Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Widget "Membro do mês" 110410[TUTORIAL] Widget "Membro do mês" 398853 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:



[TUTORIAL] Widget "Membro do mês" MTnGK
Também poderá ver ao lado direito do Toon Fórum, estamos usando na widget.

http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos