[TUTORIAL] HTML predefinido em tabela nas mensagens

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

Membro Proficiente
  • 0

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

Mensagem por Luciano98 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:


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
Membro Proficiente
Membro Proficiente

Masculino
Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

Ver perfil do usuário https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos