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] Popup de registro e login em 09/01/13, 11:12 am

HenRyqUéè

avatar
Administrador
Avaliador
Helper

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

[TUTORIAL] Popup de registro e login

Olá, a pedido do membro iHeload estou fazendo este tutorial, o efeito desse código é mostrar uma popup para o membro se registrar ou efetura o login.


--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Popup de registro e login


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

Módulos > Portal e Widgets > Gestão dos Widgets do Forúm >> Criar um Widget personalizado.
Nome do widget : Coloque qq nome;
Utilizar um table type : Marque Não;
Título do widget : Não coloque nada aqui;
Fonte do widget * : Adicione o código abaixo:

PUNBB:
Clique aqui para ver:
Código:
<script>   
jQuery(document).ready(function(){
    jQuery(".pun").before("<div id='popup2' style=''></div>");
    jQuery("#popup2").html('<div id="conteudo"><div id="X2">X</div><br>'+'<h4 style="font-size:18px;font-weight:normal;">Faça o registro para aproveitar ao máximo o forúm!</h4><br><hr style="border:2px solid black;"/><br><center><div style="font-weight:normal">Fazendo o registro você aproveita todas as vantagens que nosso forúm te oferece.<BR>Como: Categoria1, Categoria2, Categoria3, Categoria4 <br><br><a href="/register" style="font-size:16px">REGISTRAR AGORA!</a></div></center><br><br><h4 style="font-size:18px;font-weight:normal;">Já é Registrado? então faça o login!</h4><br><hr style="border:2px solid black;"/><br><form action="/login" method="post"><p><label for="username"><strong>Nome de usuário:</strong></label></p><p style="height:2em;valign:top;"><input name="username" id="username" size="15" maxlength="40" value="" class="inputbox autowidth" type="text"></p><p><label for="password"><strong>Senha:</strong></label></p><p style="height:2em;valign:top;"><input id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" type="password"></p><input name="login" tabindex="6" value="Login" class="button" type="submit"></p></form>'+'<center><br><b style="font-size:8px;opacity:0.6;">Feito por HenRyqUéè</b></center></div>');
    jQuery("#X2").click(function(){
    jQuery("#popup2").remove();
    jQuery(this).remove();
    });
    });
</script>
<style>
    /*www.rmbr.forumeiros.com*/
    /*popup*/
    #popup2{
min-width:300px;
right:188px;
      box-shadow:9px 8px 20px #444;
          height:auto;
    cursor:pointer;
      width:auto;
      position:fixed;
      right:420px;
      padding:13px;
      border:8px solid #F0F0F0;
      color:#222;font-weight:bold;
    background-color: #D9D9D9;
    }
#conteudo{
padding:7px;
border:2px solid #999;
background:#F0F0F0;
}
    #X2{
      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;background-color:#333;font-weight:bold
    }
    #X2:hover{
    background:#999;
    }
</style>
PHPBB3:
Clique aqui para ver:
Código:
<script>   
jQuery(document).ready(function(){
    jQuery("#phpbb").before("<div id='popup2' style=''></div>");
    jQuery("#popup2").html('<div id="conteudo"><div id="X2">X</div><br>'+'<h4 style="font-size:18px;font-weight:normal;">Faça o registro para aproveitar ao máximo o forúm!</h4><br><hr style="border:2px solid black;"/><br><center><div style="font-weight:normal">Fazendo o registro você aproveita todas as vantagens que nosso forúm te oferece.<BR>Como: Categoria1, Categoria2, Categoria3, Categoria4 <br><br><a href="/register" style="font-size:16px">REGISTRAR AGORA!</a></div></center><br><br><h4 style="font-size:18px;font-weight:normal;">Já é Registrado? então faça o login!</h4><br><hr style="border:2px solid black;"/><br><form action="/login" method="post"><p><label for="username"><strong>Nome de usuário:</strong></label></p><p style="height:2em;valign:top;"><input name="username" id="username" size="15" maxlength="40" value="" class="inputbox autowidth" type="text"></p><p><label for="password"><strong>Senha:</strong></label></p><p style="height:2em;valign:top;"><input id="password" name="password" size="15" maxlength="25" class="inputbox autowidth" type="password"></p><input name="login" tabindex="6" value="Login" class="button" type="submit"></p></form>'+'<center><br><b style="font-size:8px;opacity:0.6;">Feito por HenRyqUéè</b></center></div>');
    jQuery("#X2").click(function(){
    jQuery("#popup2").remove();
    jQuery(this).remove();
    });
    });
</script>
<style>
    /*www.rmbr.forumeiros.com*/
    /*popup*/
    #popup2{
min-width:300px;
right:188px;
      box-shadow:9px 8px 20px #444;
          height:auto;
    cursor:pointer;
      width:auto;
      position:fixed;
      right:420px;
      padding:13px;
      border:8px solid #F0F0F0;
      color:#222;font-weight:bold;
    background-color: #D9D9D9;
    }
#conteudo{
padding:7px;
border:2px solid #999;
background:#F0F0F0;
}
    #X2{
      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;background-color:#333;font-weight:bold
    }
    #X2:hover{
    background:#999;
    }
</style>
Depois, mova o widget criado para uma área onde os widgets são visíveis e...

Salve! Muito feliz


- Fazendo o código ficar visível apenas para os convidados...
Localize o wiget que você criou, após isso clique no botão destacado na img:

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

Marque as autorizações somente para os Convidados e...

Salve! Muito feliz

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

  • 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] Popup de registro e login

http://rmbr.forumeiros.com/

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