[TUTORIAL] HTML predefinido em tabela nas mensagens

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

  • 0

[TUTORIAL] HTML predefinido em tabela nas mensagens Empty [TUTORIAL] HTML predefinido em tabela nas mensagens

Mensagem por Luciano98 em 24.04.12 7:16




[TUTORIAL] HTML predefinido em tabela nas mensagens Pub

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


- 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
[TUTORIAL] HTML predefinido em tabela nas mensagens 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] HTML predefinido em tabela nas mensagens 110210Seta 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.
[TUTORIAL] HTML predefinido em tabela nas mensagens 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] HTML predefinido em tabela nas mensagens 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 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>')});

[TUTORIAL] HTML predefinido em tabela nas mensagens Wjso9
https://i.imgur.com/wjso9.png


Resultado:

[TUTORIAL] HTML predefinido em tabela nas mensagens Wjso9




© Fórum dos Fóruns
[TUTORIAL] HTML predefinido em tabela nas mensagens Questi11 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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 02/09/2010
Mensagens : 7647
Pontos Ativos : 11048

https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum