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

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

1 [TUTORIAL] Widget "Membro do mês" em Ter Mar 26, 2013 5:29 pm

avatarT-Lord
Admin

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


[Você precisa estar registrado e conectado para ver este link.] [Você precisa estar registrado e conectado para ver este link.]
Título Correspondente ao nome da página JavaScript/jQuery que será criada.
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.
Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
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.

Ver perfil do usuário http://www.zonetoony.net

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum