[TUTORIAL] Top posters em imagens

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

Principal Contribuidor

[TUTORIAL] Top posters em imagens Empty [TUTORIAL] Top posters em imagens

Mensagem por nikka 20.10.13 11:33



[TUTORIAL] Top posters em imagens Configuration

Top posters em imagens

Com um simples código jQuery, é possível fazer uma nova versão do 'Top dos mais postadores', somente com o avatar do usuário substituindo o seu nome de usuário.


--> Tutoriais dicas e Astúcias <--
Top posters em imagens



- Conhecendo o código
Código:
jQuery(document).ready( function() {
jQuery("#topp").load("/memberlist?mode=posts&order=DESC&submit=Ok&username td.avatar-mini a:lt(10)");
});
- Inserindo código JavaScript:
Para isto você terá de ter um pouco de conhecimento com a folha de estilos JavaScript, aceda a:
Painel de Controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos Códigos JavaScript
[TUTORIAL] Top posters em imagens Painel13

[TUTORIAL] Top posters em imagens 110111SetaTítulo - Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Top posters em imagens 110210Seta Localização - São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções:
No índice: O código será aplicado ao índice do fórum.
No portal : O código será aplicado ao Portal do fórum.
Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns.
Sobre os temas : O código será aplicado aos tópicos do fórum.
Na galeria : O código será aplicado na sua Galeria de imagens.
Em todas as páginas : O código será aplicado em todas as páginas do fórum. (Marque esta opção)
[TUTORIAL] Top posters em imagens 110310Seta Código JavaScript - Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Top posters em imagens 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.
- Código em widget:
Código:
<style>#topp a{color: transparent;}#topp img {height:40px;width:40px;}#topp{text-align: center;}#topp a span{display:none;}</style><div id="topp"></div></div>
Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets >> Novo widget personalizado
[TUTORIAL] Top posters em imagens Criar10
[TUTORIAL] Top posters em imagens Wf310

[TUTORIAL] Top posters em imagens 110111SetaNome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
[TUTORIAL] Top posters em imagens 110210Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Sim".
[TUTORIAL] Top posters em imagens 110310Seta Título do widget: - Nesta opção, informe o nome do widget a ser criado.
[TUTORIAL] Top posters em imagens 110410Seta Fonte do widget: - Neste campo, Devemos inserir o código que trabalhamos no 3º Passo.
[TUTORIAL] Top posters em imagens 110510Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.
- Resultado final:

[TUTORIAL] Top posters em imagens Result31




© Fórum dos Fóruns


[TUTORIAL] Top posters em imagens Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Top posters em imagens
nikka

nikka
Principal Contribuidor
Principal Contribuidor

Membro desde : 17/12/2008
Mensagens : 15620
Pontos : 19897

https://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

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