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]

1 [TUTORIAL] MP rápida em POPUP em 09/01/13, 11:15 am

HenRyqUéè

avatar
Administrador
Avaliador
Helper

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

[TUTORIAL] MP rápida em POPUP

Olá pessoal, a pedido do membro iHeload estou fazendo este tutorial. O efeito do código é adicionar um botão de MP Rápida em todas as páginas, para em qualquer lugar que você estiver, você poder mandar uma MP ^^. O código é 100% funcional se seguir todos os passos corretamente!
Por favor, peço que a quem quiser copiar este código, mantenha os devidos créditos


--> Tutoriais, dicas e astúcias <--
[TUTORIAL] MP rápida em POPUP


- Adicionando o código JS...
Vá em:

Módulos > HTML e JAVASCRIPT > Gestão dos códigos JavaScript >> NOVO JAVASCRIPT
Título * : Coloque qq título;
Investimento : Marque "Em todas as Páginas";
Código JavaScript * : Cole o seguinte código:

PUNBB:
MOSTRAR CONTEÙDO:
Código:
$(document).ready(function(){
$("#pun-intro").before('<br><span id="mp-r">MP RÁPIDA</span><br><br>');
    $("#mp-r").after("<div id='popup' style=''></div>");
    $("#popup").html('<div id="X">X</div>'+'<center><br><form style="text-align:left" action="/privmsg" method="post" name="post" enctype="multipart/form-data">Enviar MP Para:<br><input id="username" name="username" value="" type="text"><br><br>Título:<br><input style="width:250px" value="" name="subject" type="text">
Assunto:<br><textarea style="" id="text_editor_textarea" name="message"></textarea><!--mensagem--><input name="folder" value="inbox" type="hidden"><input name="mode" value="post" type="hidden"><input name="lt" value="" type="hidden"><br><input name="post" value="Enviar MP" type="submit"><input type="submit" name="preview" class="" value="Pré-visualizar" /></form>'+'<br><b style="font-size:8px;opacity:0.6;" />Feito por HenRyqUéè</b></center>');
    $("#X").click(function(){
    $("#popup").fadeOut();
    $(this).fadeOut();
    });
$("#popup").hide();
$("#mp-r").click(function(){
$("#X").fadeToggle();
$("#popup").fadeToggle();
});
    });
PHPBB3:
MOSTRAR CONTEÙDO:
Código:
$(document).ready(function(){
$(".headerbar").before('<br><span id="mp-r">MP RÁPIDA</span><br><br>');
    $("#mp-r").after("<div id='popup' style=''></div>");
    $("#popup").html('<div id="X">X</div>'+'<center><br><form style="text-align:left" action="/privmsg" method="post" name="post" enctype="multipart/form-data">Enviar MP Para:<br><input id="username" name="username" value="" type="text"><br><br>Título:<br><input style="width:250px" value="" name="subject" type="text">
Assunto:<br><textarea style="" id="text_editor_textarea" name="message"></textarea><!--mensagem--><input name="folder" value="inbox" type="hidden"><input name="mode" value="post" type="hidden"><input name="lt" value="" type="hidden"><br><input name="post" value="Enviar MP" type="submit"><input type="submit" name="preview" class="" value="Pré-visualizar" /></form>'+'<br><b style="font-size:8px;opacity:0.6;" />Feito por HenRyqUéè</b></center>');
    $("#X").click(function(){
    $("#popup").fadeOut();
    $(this).fadeOut();
    });
$("#popup").hide();
$("#mp-r").click(function(){
$("#X").fadeToggle();
$("#popup").fadeToggle();
});
    });

Salve! D:


- Adicionando o código CSS...
Vá em:

Visualização > Imagens e Cores > Cores >> Folha de estilo CSS
E adicione o código abaixo:

MOSTRAR CONTEÙDO:
Código:
  /*www.rmbr.forumeiros.com*/
    /*popup*/
#mp-r:hover{
transition:all 0.5s;
  background: #a1dbff; /* Old browsers */
background: -moz-linear-gradient(top,  #a1dbff 0%, #cbebff 53%, #f0f9ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1dbff), color-stop(53%,#cbebff), color-stop(100%,#f0f9ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a1dbff 0%,#cbebff 53%,#f0f9ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a1dbff 0%,#cbebff 53%,#f0f9ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a1dbff 0%,#cbebff 53%,#f0f9ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a1dbff 0%,#cbebff 53%,#f0f9ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f0f9ff',GradientType=0 ); /* IE6-9 */
}
#mp-r{
padding:6px;
  transition:all 0.5s;
  border:1px solid blue;
  border-radius:6px;
  background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
color:whitw;
  font-weight:bold;cursor:pointer;
}
    #popup{right:188px;
      box-shadow:9px 8px 20px grey;
      border-radius:9px;
      height:auto;
    cursor:pointer;
      width:300px;
      position:fixed;
      right:420px;
      padding:13px;
      border:3px solid black;
      color:#333;font-weight:bold;
    background-color: #DEDEDE;
  background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
    }
    #X{
  background: #f0f9ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
      border:1px solid #0C5E03;
      cursor:pointer;border-radius:3px;
      width:8px;height:8px;padding-right:3px;
    padding-left:3px;padding-bottom:8.5px;border:1px solid black;color:white;font-weight:bold
    }
    #X:hover{
    background:blue;color:white;
    }

Salve! D:


- Dando um CHECK-MATE nos erros!
Vá em:

Geral > Forúm >> Segurança
Procure por:

Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas :

MARQUE NÃO!

Salve! D:


- Resultado...
[Você precisa estar registrado e conectado para ver esta imagem.]
Lembrando que o estilo da popup você pode alterar pelo CSS.

  • Funciona em quais versões?
    PUNBB e PHPBB3.




© RMBR


[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] MP rápida em POPUP

http://rmbr.forumeiros.com/

2 Re: [TUTORIAL] MP rápida em POPUP em 27/01/13, 03:16 pm

mundo nerd

avatar
Iniciante
Vamos checar o código

3 Re: [TUTORIAL] MP rápida em POPUP em 28/01/13, 08:08 pm

Montillo

avatar
Designer
Postado '='

4 Re: [TUTORIAL] MP rápida em POPUP em 05/02/13, 08:50 pm

Quakeline

avatar
Helper
Olá,

Parece ser muito bom

Até

5 Re: [TUTORIAL] MP rápida em POPUP em 14/04/13, 10:32 pm

D'Leandro™

avatar
Iniciante
Uahahaha Eu posto com o fórum bloqueado '-'

http://staffergroupbr.stuning.net/forum

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