[TUTORIAL] Widget "Membro do mês"

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

Membro Entusiasta
  • 0

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

Mensagem por seender 10.01.13 17:26


[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


- 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
[TUTORIAL] Widget "Membro do mês" Painel13
[TUTORIAL] Widget "Membro do mês" 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Widget "Membro do mês" 110210Seta 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" 110310Seta Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.
[TUTORIAL] Widget "Membro do mês" 110410Seta 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:


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



© Fórum dos Fóruns & BrunoH.


[TUTORIAL] Widget "Membro do mês" Act_bottom 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
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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