Com um pequeno código em Javascript, poderemos aplicar um efeito abaixo da caixa de resposta rápida das mensagens do seu fórum. Poderemos aplicar imagens, textos e outros se o administrador desejar.

--> Tutoriais <--
Aviso nas caixas de resposta rápida

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.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções: No índice : O código será aplicado ao índice do fórum. No portal : O código será aplicado ao Portal do fórum. Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns. Sobre os temas : O código será aplicado aos tópicos do fórum. Na galeria : O código será aplicado na sua Galeria de imagens. Em todas as páginas : O código será aplicado em todas as páginas do fórum.

Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

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.

2º - Código Javascript:
Abaixo, você poderá editar alguns pontos do código Javascript:

jQuery(document).ready(function(){$('#text_editor_textarea').before('<div class="aviso_normas"><b>SUA_MENSAGEM</b></div>')});

3º - CSS de personalização:
Pode ser aplicado em Painel de controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS >

Código:Selecionar conteúdo

.aviso_normas {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
font-family: Tahoma,Arial;
font-size: 11px;
height: 24px;
line-height: 24px;
margin-bottom: 3px;
text-align: center;
}

•