[TUTORIAL] HTML predefinido em tabela nas mensagens
Página 1 de 1 • Compartilhe

[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 |
![[TUTORIAL] HTML predefinido em tabela nas mensagens Painel13](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
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:
![[TUTORIAL] HTML predefinido em tabela nas mensagens Wjso9](https://i.imgur.com/wjso9.png)
© 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 |
Luciano98- Membro Proficiente
-
Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

» [TUTORIAL] HTML pré-definidos nas mensagens
» Tabela em html
» Mensagem em tabela HTML
» HTML e CSS para tabela
» Mensagem em tabela HTML
» Tabela em html
» Mensagem em tabela HTML
» HTML e CSS para tabela
» Mensagem em tabela HTML
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos