[TUTORIAL] HTML predefinido em tabela nas mensagens
Página 1 de 1
[TUTORIAL] HTML predefinido em tabela nas mensagens
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.
--> Tutoriais, dicas e astúcias <--
HTML predefinido em tabela nas mensagens
HTML predefinido em tabela nas mensagens
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.
Vá em: Painel de controle Modulos HTML & JavaScript "Aba" Gestão dos códigos JavaScripts |
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]
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:
© Fórum dos Fóruns
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 |
Tópicos semelhantes
» Criar tabela em HTML nas mensagens
» [TUTORIAL] HTML pré-definidos nas mensagens
» Tabela em html
» Mensagem em tabela HTML
» HTML e CSS para tabela
» [TUTORIAL] HTML pré-definidos nas mensagens
» Tabela em html
» Mensagem em tabela HTML
» HTML e CSS para tabela
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos