Guias, slides e outros scripts nos tópicos.

Forumeiros finalmente fez isso! Temos, agora, guias, slides ou qualquer outro script diretamente em nossos fóruns, sem necessitar muito esforço!
Obrigado Forumeiros! Realmente vocês são os melhores

Ah, sim, que ótimo ... Mas como faz para colocar isto ? É simples, veja.

(Por favor poste um Obrigado, Olá, Tudo bem, para ver o conteúdo completo do Tutorial)
1 - Preparação do código
► Comece analisando o seu código. São plugins, scripts necessários para o bom funcionamento do código que você deseja adicionar no seu fórum.

► Uma vez na posse de todos os scripts, vá a:

Painel de Controle -> Módulos -> HTML & JAVASCRIPT -> código Javascript gestão

► Clique em Criar um novo Javascript

► Colar o código que está entre as tags "script":

Spoiler:

Valide. O seu script poderá ser usado agora no fórum.

► Faça o mesmo com todos os outros scripts que você precisa.
Colete todos os scripts que incorporarem um slide, opacidade, cores, etc, no mesmo script, isso evita carregar o DOM do navegador em 36x.

► Exemplo de um dos scripts feitos em serviço gratuito:

Código:

[hide]jQuery(document).ready(function(){
jQuery('.opacite_8').each(function() {
jQuery(this).css('opacity', 0.6);
jQuery(this).hover(function() {
jQuery(this).stop().animate({ opacity: 1.0 }, 700);
},
function() {
jQuery(this).stop().animate({ opacity: 0.7 }, 700);
          });
        });
  jQuery('#tfa_cycle').cycle({
      fx:    'growX',
      delay:  -2000,
  pause:  '0',
    });
    jQuery('#growY').cycle('growY');
});[/hide]

► Existem recursos do plugin Jquery Cycle para opacidade, eles estão no mesmo script.

► Mantenha este hábito, afim de evitar sobrecarregar suas páginas.

► Então, eu poderei usar a opacidade em qualquer lugar do fórum! (A partir do Plugin Cycle).

2 - Códigos HTML
► Ainda há algum trabalho a fazer em Forumeiros ... O HTML deve estar em uma linha!

► Para códigos de grande porte, como guias ou slides, pelo menos eu não consigo criá-lo à mão! Eu uso o PSPad, software que você pode baixar de graça aqui: http://www.pspad.com/fr/ (em francês)

► Há, naturalmente, outros softwares, mas este é o meu favorito!

► Cole seu código HTML, em seguida, no menu superior clique em "HTML" e " compresser le code HTML / compactar HTML".

► Cole o código.

► Se você precisar refazer o código, basta voltar a este menu e clique em "reformater le code HTML / reformatar código HTML", vai voltar a ser tudo muito bonito e compreensível.

3 - CSS
► Não há mudanças em relação à isto, o CSS é colocado na guia CSS do seu fórum.

Painel de Controle -> Visualização -> Cores -> Aba "Folha de Estilos CSS"

► Cole seu CSS, valide e admire seu trabalho!

---

© Virtual Arts Design & Quierra

Se tiver alguma dúvida relacionada ao tutorial poste aqui