[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

Mensagem por Luciano98 em 24/04/12, 03:16 am





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

Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta 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.
Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Seta 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>')});


http://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
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

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

- Tópicos similares

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