Fórum iBlue
[TUTORIAL] HTML predefinido em tabela nas mensagens Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Fórum iBlue
[TUTORIAL] HTML predefinido em tabela nas mensagens Buddy_Group

Bem Vindos ao iBlue GAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!





Somos ÚNICOS, somos o SEU fórum


Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

T-Lord
Administrador

[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


1º - Código utilizado:

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:1
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:


2º - Inserindo o código JavaScript:
Painel de controle -> Módulos -> HTML e Javascript -> Gestão dos códigos Javascript
Depois carregue-se no botão "Criar um novo javascript".


(carregue na imagem para aumentar)
[TUTORIAL] HTML predefinido em tabela nas mensagens 2u5q428

[TUTORIAL] HTML predefinido em tabela nas mensagens 110111[TUTORIAL] HTML predefinido em tabela nas mensagens 398853 Título - Terá de colocar um título para a página, de forma a poder identifica-lo na lista de páginas JavaScript do Painel de Controle;
[TUTORIAL] HTML predefinido em tabela nas mensagens 110210[TUTORIAL] HTML predefinido em tabela nas mensagens 398853 Investimento - Escolha a opção "Em todas as páginas", para que a função não apresente erros na posição da coluna de perfis;
[TUTORIAL] HTML predefinido em tabela nas mensagens 110310[TUTORIAL] HTML predefinido em tabela nas mensagens 398853 Código JavaScript - Neste campo teremos de inserir o código que trabalhamos no item anterior;
[TUTORIAL] HTML predefinido em tabela nas mensagens 110410[TUTORIAL] HTML predefinido em tabela nas mensagens 398853 Confirmar
- Por fim, após adicionar o código, terá de clicar neste botão para
salvar a criação. Se você clicar em um outro botão ou em uma outra
seção, as mudanças não serão validadas.

3º - O resultado final:

[TUTORIAL] HTML predefinido em tabela nas mensagens Wjso9

http://www.zonetoony.net/

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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