[TUTORIAL] HTML predefinido em tabela nas mensagens

Este tutorial ensina a como colocar HTML predefinido em tabelas BBCode nas mensagens sem ter o HTML ativo nas mensagens.
O código funciona em todas as versões de fóruns da Forumeiros.




1º - Noção básica da função:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

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 Nos tópicos.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

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.

2º - Código a ser usado:

jQuery(document).ready(function(){d='ID';jQuery('.postbody table#'+d+',.sig-content table#'+d).html('HTML')});

Vermelho ->> Identificação da tabela.
Laranja ->> HTML que substituirá a tabela (o HTML não pode ter aspas simples,'aspas simples', pois elas fazem o código entrar em conflito com o Javascript).

Como utilizar essas tabelas nos tópicos?
Para que essas tabelas possam ser substituídas, elas necessitam de uma identificação, para que o Javascript encontre a tabela e substiua ela pelo código HTML.

Como eu utilizo essa tabela?
A utilização da tabela é simples, veja um exemplo:

Código:

[table id=IDENTIFICACAO][/table]

Tudo que você tem a fazer é pegar o código acima e substituir IDENTIFICACAO pela identificação que você escolheu anteriormente. Assim você estará livre para utiliza-lo em suas mensagens.

Exemplo:

Spoiler:

Código:

jQuery(document).ready(function(){d='BOTAOCURTIR';jQuery('.postbody table#'+d+',.sig-content table#'+d).html('<iframe src="http://www.facebook.com/plugins/like.php?locale=pt_BR&href=http%3A%2F%2F'+location.hostname+'&send=false&layout=box_count&width=60&show_faces=false&action=like&colorscheme=light&font&height=60" scrolling=no frameborder=0 style=border:none;overflow:hidden;width:60px;height:60px allowtransparency=true></iframe>')});

https://i.imgur.com/wjso9.png

Resultado:

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [DÚVIDA] HTML predefinido em tabela nas mensagens