Rpg Maker BRasil
RPG Maker Brasil - RMBR

Seja Bem vindo ao Forúm! Faça seu cadastro e desfrute sobre o mundo do RPG Maker!
P.S.: PARA MELHOR VIZUALIZAÇÃO DO FORUM SEM BUGS, RECOMENDO QUE USEM O MOZILLA FIREFOX OU O GOOGLE CHROME!
Rpg Maker BRasil

Evoluindo cada vez mais!


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

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

RMBR

avatar
Administrador

[Você precisa estar registrado e conectado para ver esta imagem.]

[TUTORIAL] Botão "Pré-Visualizar Rápido" no post

Olá pessoal, o efeito do código deste tutorial é adicionar um botão na caixa de respostas pra pré-visualização dos tópicos rapidamente. OBSERVAÇÃO: O CÓDIGO NÃO FUNCIONA COM BBCODE, SÓ COM HTML!

--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Botão "Pré-Visualizar Rápido" no post


- Adicionando o código JavaScript...
Aceda em: Novo código JavaScript

Módulos [Você precisa estar registrado e conectado para ver esta imagem.] HTML e JavaScript [Você precisa estar registrado e conectado para ver esta imagem.] Gestão dos Códigos JavaScript [Você precisa estar registrado e conectado para ver esta imagem.] Novo código JavaScript

[Você precisa estar registrado e conectado para ver esta imagem.] Título: Coloque qualquer tpitulo;
[Você precisa estar registrado e conectado para ver esta imagem.] Envestimento: Marque "Nos Tópicos";
[Você precisa estar registrado e conectado para ver esta imagem.] Código JavaScript: Cole o seguinte código:

Código:
$(document).ready(function(){
var cont = $("#text_editor_textarea").val();
$("input.button2[value='Enviar']").after('<input style="margin-left:4px" type="button" id="p-r" class="button2" value="Pré-Visualizar Rápido">');
$("input.button2[value='Pré-Visualizar Rápido']").after('<p><p><br><center><div id="pre" style=""><pre style="text-align:left;font-size:14px" id="cttr"></pre></div></center>');
$("#text_editor_textarea").keydown(function(){
var cont = $("#text_editor_textarea").val();
$("#cttr").html(cont);
}).keyup(function(){
var cont = $("#text_editor_textarea").val();
$("#cttr").html(cont);
});
$("#cttr").html(cont);
$("#pre").hide();
$("#p-r").click(function(){
$("#pre").slideToggle()
});
});
Salve!

- Adicionano o código CSS...
Aceda em: Folha de Estilo CSS

Visualização [Você precisa estar registrado e conectado para ver esta imagem.] Imagens e Cores [Você precisa estar registrado e conectado para ver esta imagem.] Cores [Você precisa estar registrado e conectado para ver esta imagem.] Folha de Estilo CSS

Código:
#pre{
padding:10px;
  border-radius:6px;
 background: rgb(229,230,150);
background: -moz-linear-gradient(top,  rgba(229,230,150,1) 0%, rgba(209,211,96,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,230,150,1)), color-stop(100%,rgba(209,211,96,1)));
background: -webkit-linear-gradient(top,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
background: -o-linear-gradient(top,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
background: -ms-linear-gradient(top,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
background: linear-gradient(to bottom,  rgba(229,230,150,1) 0%,rgba(209,211,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e696', endColorstr='#d1d360',GradientType=0 );
border:3px solid #D19D36;
    width:auto;
}
Valide!

- Resultado...
[Você precisa estar registrado e conectado para ver esta imagem.]

  • Funciona em quais versões?
    Testado apenas em PHPBB3 e PUNBB, mas creio que resulta nas demais.




© RMBR & SPDESIGN


[Você precisa estar registrado e conectado para ver esta imagem.] Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL] Botão "Pré-Visualizar Rápido" no post

http://rmbr.forumeiros.com

kostaskiller2

avatar
Sou Nível 3
Does not work on my forum and I PUNBB.. :/

RMBR

avatar
Administrador
Hello!

That's because your forum posts is not Brazilian. Request support this link: [Você precisa estar registrado e conectado para ver este link.]

Hugs.

http://rmbr.forumeiros.com

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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