[TUTORIAL] Widget "Membro do mês"

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Widget "Membro do mês"

Mensagem por seender em 10/01/13, 03:26 pm



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


- Código JS a ser utilizado:
Código:
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())})});
Recomendamos que não edite nada neste código.

- Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta 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.
Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
Seta 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.

- Adicionando HTML nos Widgets:
Para finalizar nosso efeito desejado, precisamos adicionar um código HTML em um Widget personalizado.
Código:
<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>
Caso tenha dúvida sobre como criar um Widget personalizado, leia esta FAQ: https://ajuda.forumeiros.com/t15885-

  • Resultado:





© Fórum dos Fóruns & BrunoH.


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Widget membro do mês
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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