[TUTORIAL] Aviso nas caixas de resposta rápida

2 participantes

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

Membro Entusiasta
  • 0

[TUTORIAL] Aviso nas caixas de resposta rápida Empty [TUTORIAL] Aviso nas caixas de resposta rápida

Mensagem por Cream 02.08.12 15:53


[TUTORIAL] Aviso nas caixas de resposta rápida Boite_email

Aviso nas caixas de resposta rápida


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



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


- CSS de personalização:
Pode ser aplicado em Painel de controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS >
Código:
.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;
}






© Fórum dos Fóruns & Shek


[TUTORIAL] Aviso nas caixas de resposta rápida Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Aviso nas caixas de resposta rápida
Cream

Cream
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor
  • 0

[TUTORIAL] Aviso nas caixas de resposta rápida Empty [TUTORIAL] Aviso nas caixas de resposta rápida 2.0

Mensagem por Shek 09.10.14 22:40


[TUTORIAL] Aviso nas caixas de resposta rápida Chatbo10

Aviso nas caixas de resposta rápida 2.0

Com essa nova versão, poderemos colocar uma mensagem em cima da caixa de resposta rápida em um determinado tópico. Dessa forma poderia haver diversas mensagem diferenciadas para cada tipo de tópico, facilitando os alertas.


--> Tutoriais, dicas e astúcias <--
Aviso nas caixas de resposta rápida 2.0



- Adicionando o código JavaScript
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 >>

[TUTORIAL] Aviso nas caixas de resposta rápida Painel13

[table class=table1][tr][td vAlign=top width="30px"][TUTORIAL] Aviso nas caixas de resposta rápida 110111[/td][td]Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][TUTORIAL] Aviso nas caixas de resposta rápida 110210[/td][td]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.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][TUTORIAL] Aviso nas caixas de resposta rápida 110310[/td][td]Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.[/td][/tr][/table][table class=table1][tr][td vAlign=top width="30px"][TUTORIAL] Aviso nas caixas de resposta rápida 110410[/td][td]Seta Habilitar o gerenciamento dos códigos JavaScriptAo 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.[/td][/tr][/table]

E colocaremos o seguinte código:
Código:

$(function(){   
var text = $('a[href="LINK"]').length; //no local: /f3-teste, é o final do link do tópico, deverá colocar o final do link que quer add a menssagem
if( text ){
    $('#text_editor_textarea').before('<div class="aviso_normas"><b>SUA_MENSAGEM</b></div>'); // Basta alterar o nome SUA_MENSAGEM, para o texto que quiser
}
function aviso_normas() {
    $('.aviso_normas b').fadeOut(500);
    $('.aviso_normas b').fadeIn(500);
}

setInterval(aviso_normas, 1000);
});

OBS: Ainda devemos inserir o link do tópico que queremos a mensagem, nesse caso, devemos procurar no código o nome LINK e alterar pela url desejada.


- Adicionando CSS
Para aplicarmos um design mais elegante em nossa mensagem usaremos a folha de CSS. Para adicionar o código vá em:

Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS

Coloremos o código abaixo e clicaremos em salvar:
Código:

.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;
}

  • Resultado:
    [TUTORIAL] Aviso nas caixas de resposta rápida F24QO3X





© Fórum dos Fóruns & Alex Habilidade


[TUTORIAL] Aviso nas caixas de resposta rápida Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Aviso nas caixas de resposta rápida 2.0
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

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