1 [TUTORIAL] Popup de registro e login 09/01/13, 11:12 am
HenRyqUéè
Administrador
Avaliador
Helper
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | [TUTORIAL] Popup de registro e login |
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Popup de registro e login
[TUTORIAL] Popup de registro e login
1º - Adicionando o código JavaScript...
Vá em:
Nome do widget : Coloque qq nome;Módulos > Portal e Widgets > Gestão dos Widgets do Forúm >> Criar um Widget personalizado.
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>
- 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>
Salve!
2º - 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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Marque as autorizações somente para os Convidados e...
Salve!
3º - Resultado...
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
- Funciona em quais versões?
PUNBB e PHPBB3
© RMBR
[Tens de ter uma conta e sessão iniciada para poderes visualizar 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 |